JavaScript函数定义和调用 变量作用域
本文是笔者在看廖雪峰老师JavaScript教程时的个人总结
JavaScript中函数定义可以是这样的格式
function 函数名(参数) {
函数体
}
也可以是这样的格式
var 函数名 = function (参数) {
函数体
};
关键字一:arguments
获取全部参数
只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数。
arguments
类似Array
但它不是一个Array。
第一个参数是arguments[0]....[n]关键字二:rest
获取 获取除了已定义参数之外的参数
定义函数的时候要这样写
function foo(a, b, ...rest)
如果参数正常,则rest是一个空数组
变量作用域
如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量
如果两个不同的函数各自申明了同一个变量,那么该变量只在各自的函数体内起作用
由于JavaScript的函数可以嵌套,此时,内部函数可以访问外部函数定义的变量,反过来则不行
JavaScript的函数在查找变量时从自身函数定义开始,从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量,则内部函数的变量将“屏蔽”外部函数的变量
变量提升
JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部
JavaScript引擎自动提升了变量的声明,但不会提升变量的赋值。
全局作用域
不在任何函数内定义的变量就具有全局作用域。实际上,JavaScript默认有一个全局对象
window
,全局作用域的变量实际上被绑定到window
的一个属性 JavaScript实际上只有一个全局作用域。任何变量(函数也视为变量),如果没有在当前函数作用域中找到,就会继续往上查找,最后如果在全局作用域中也没有找到,则报ReferenceError错误
块级作用域
为了解决块级作用域,ES6引入了新的关键字
let
,用let
替代var
可以申明一个块级作用域的变量(for循环中) 常量
ES6标准引入了新的关键字
const
来定义常量,const
与let
都具有块级作用域 对象的方法:
1.在一个对象方法内部,
this
是一个特殊变量,它始终指向当前对象。要保证this指向正确,必须使用obj.方法 2.把对象的方法放到外面定义,在内部通过一属性指向函数名。如果在外部直接调用这个函数,则this指向全局对象window。在static模式下,函数的this指向undefined,所以在static模式下,会得到一个错误
3.this指针只在对象的函数中指向对象,如果在对象的函数内的函数还是指向undefined。如果要在函数的函数中使用this,可以先声明一个that变量捕获this,在函数的函数中使用this的地方换成that
4.怎么控制函数中this指针的指向,可以使用函数自带的apply方法。它接收两个参数,第一个参数就是需要绑定的
this
变量,第二个参数是Array
,表示函数本身的参数。普通函数的话this指针值是null 执行格式:函数名.apply(指向的对象(或者null),[函数本身需要的参数列表以数组形式传进来])
函数也自带一个call方法,call和apply的区别在于
-
-
-
-
apply()
把参数打包成Array
再传入; -
call()
把参数按顺序传入。
-
-
-
5.通过apply实现装饰器。
步骤1.需要替换掉的函数也就是需要重构或者说是需要增加功能的函数fun()
var oldfun = fun;
fun = function(){
增加的功能代码
return oldfun.apply(null,arguments);
}