Python web前端 07 函数及作用域
一、函数
1、有名函数和匿名函数
#函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
#函数就是包裹在花括号里面的代码块，前面使用了关键字function #分为有名函数和匿名函数
#有名函数：有名字的函数，函数名加括号执行/充当事件函数执行
#匿名函数：没有名字的函数，匿名函数不能单独出现，一般充当事件函数 oBox.onclinck=function(){..};
oBox.onclinck=fn;#这两个是一样的，后面的函数就是fn
2、函数定义和函数表达式
#函数表达式 特点：可以在后面加括号立即执行 fn();
function fn{ console.log(1);}
#函数定义可以在定义前加括号执行，也可以在定以后加括号执行 fn();
var fn=function(){console.log(2);}
#通过var定义的函数，只能在后面运行 #() + - ! ~ 可以将匿名函数变为函数表达式
function(){alert(3);}#匿名函数
+function(){alert(3);}();#前面加了+（() + - ! ~ ）变为函数表达式，后面加上（）便是调用
(function(){alert(3);})();
(function(){alert(3);}());#这两种加括号都可以
3、实参形参
#在使用函数时，加括号导致的函数执行时，可以传递参数（形参、实参、不定参）
function fn(x){
alert(x);
}
fn(8);#执行函数时可以传递实参【用已知的变量（形参）或者具体的数据（实参）】
#形参：相当于函数局部的变量，命名规则和var相同，定义，无中生有
#很多个参数的情况
sum(4,9);
function sum(q,w){
alert(g+w);
}#形参和实参一一对应
#形参和实参数量不一样的情况
#实参大于形参
sum(4,9,3,5);
function sum(q,w,e){
alert(g+w+e);
}#可以运行，最后面的实参没有用
#形参大于实参
sum(4,9);
function sum(q,w,e){
alert(g+w+e);
}#出现NaN,传参的时候依次是q=3,w=9，e=undefined
#可以给形参添加默认值
sum(4,9);
function sum(q,w){
q=q||0;#设置默认值，q或者0
w=w||0;
alert(g+w);
}
4、不定参
sum(1,2,3,4,5,6,7,8,9,10);
function sum(){
var x=0;
for(var i = 0,len=arguments.length;i<len;i++){
x+=arguments[i];#将每个参数相加
}
console.log(x);
}
5、返回值return
function fn(){
console.log(2);
return fn;#返回fn函数
}#每个函数默认返回undefined
var a=fn;
console.log(a);
二、作用域
1、解析顺序
#1、（定义）先解析var function参数
# a、该步骤的var只定义变量，后面的=赋值不解析
# b、该步骤的函数只定义函数，函数的执行不解析
# c、重名的只留一个、var和函数重名 函数优先
#2、（执行）在自上往下执行其他代码 #作用域：
#作用：读写 域：范围，区域
#解析：自上而下 1、找var定义函数 参数 2、执行
2、
alert(a);
var a=10;
alert(a); #1、找
var a=undefined==>a=10(将库里面的a替换为10)
#2、执行
alert(a)==>undefined
a=10
alert(a)==>10
3、
alert(a);
function a(){
alert(1);
}
alert(a); #1、找
a=function a(){
alert(1);
}
#2、执行
alert(a);#弹出函数体
#定义没调用，所以没关系
alert(a);#弹出函数体
4、
alert(a);
function a(){
alert(4);
}
a();
alert(a); #1、找
a=function a(){
alert(4);
}
#2、执行
alert(a);#弹出函数体
a();#函数调用是新的作用域，只要是作用域，解析就要分两步
#1、找 ：找不到
#2、执行： alert(4);==>4
alert(a);#弹出函数体
5、
alert(a);
function a(){
alert(2);
}
var a=520;
alert(a); #1、找（函数优先）
a=function a(){
alert(2);
}
#2、执行
alert(a);#弹出函数体
a=520;
alert(a);#弹出520
6、
var a=1;
function fn(){
alert(2);
var a=3;
}
fn();
alert(a); #1、找
a=undefined==》1
fn=function fn(){
alert(2);
var a=3;
}
#2、执行
fn();#找 a=undefined
#执行：alert(2);弹出 2
#a=3
alert(a); #弹出1#上面的函数只会改变函数里面的a，外面的改变不了
7、
var a=1;
function fn(){
alert(2);
a=3;
}
fn();
alert(a); #找
a=undefined
fn=function fn(){
alert(2);
a=3;
}
#执行
var a=1;#赋值a
fn();#找：没找到
#执行：alert(2); 弹出2
# a=3;会去父级作用域找，从里往外找，会将外面的全局变量a赋值为3
alert(a);弹出3
8、
var a=1;
function fn(a){
alert(2);
a=3;
}
fn();
alert(a); #找
a=undefined
fn=function fn(a){
alert(2);
a=3;
}
#执行
a=1
fn();#找：a=undefined 原因是有形参的时候了会定义个a
#执行 alert(a);弹出 2
#a=3 #赋值3
alert(a); #弹出1 里面的影响不了外面的
9、
var a=1;
function fn(a){
alert(2);
a=3;
}
fn(a);
alert(a); #找
a=undefined
fn=function fn(a){
alert(2);
a=3;
}
#执行
a=1;
fn(a);#找a=undefined
#执行 fn(1);(相当于var a=1)
#alert(2);
#a=3
alert(a); #弹出1
10、
var a=function(){
alert(1);
}
function a(){
alert(2);
}
a();
#找
a=function a(){
alert(2);
}
#执行
a=function(){
alert(1);
}
a();#找 ：无
#执行alert(1); 弹出1
三、数据类型
number方法
Number() #参数中必须能被转换为数字，否则返回NaN parseInt(解析的参数) #将参数转换位数字，只打印整数部分 parseFloat() #将参数转换位数字，不是数字就停，否则直到小数部分遇到不是数字就停 Num.toFixed(n) # 四舍五入保留n位小数 NaN（Not a Number） #不等于自己
数学方法
Math #数学方法
Math.pow(16,2) #16的2次方
Math.round(5.5) #四舍五入（整数）
Math.ceil(0.2) #向上取整
Math.floor(0.9) #向下取整
Math.max() #取参数中的最大值
Math.min() #取参数中的最小值
Math.random() #0-1之间的随机数
Math.random()*m+n #n-（m+n）之间的随机数
Math.PI # π
Math.abs() #求绝对值