D006-作用域和作用域链★★★
作用域
局部变量的优先级高于全局变量,
作用域就是一个独立的地盘,让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来,为我们提供了‘块级作用域
全局作用域
最外层函数 和在最外层函数外面定义的变量拥有全局作用域 所有末定义直接赋值的变量自动声明为拥有全局作用域 所有window对象的属性拥有全局作用域
全局作用域弊端 污染全局命名空间, 容易引起命名冲突。
函数作用域
是指声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到 eg1:
function doSomething(){
var myName="qdleader";
console.log("inner",myName);
}
doSomething()
console.log(myName);
结果打印
inner qdleader
报错:myName is not defined
因为myName是在函数里面定义的,函数外面访问不到,所以会报myName is not defined
值得注意的是:块语句(大括号“{}”中间的语句),如 if 和 switch 条件语句或 for 和 while 循环语句,不像函数,它们不会创建一个新的作用域。在块语句中定义的变量将保留在它们已经存在的作用域中。
if (true) { // 'if' 条件语句块不会创建一个新的作用域 var name = 'qdleader'; // name 依然在全局作用域中 } console.log(name); // logs 'qdleader'
延伸 块级作用域
块级作用域可通过新增命令let和const声明,所声明的变量在指定块的作用域外无法被访问。块级作用域在如下情况被创建:
在一个函数内部
在一个代码块(由一对花括号包裹)内部
1.声明变量不会提升到代码块顶部 (如果变量在声明前被调用,就出出现tdz现象暂存死区) 2.禁止重复声明
作用域链
在javascript中,每个函数都有自己的执行上下文环境,当代码在这个环境中执行时,会创建变量对象的作用域链,作用域链是一个对象列表或对象链,它保证了变量对象的有序访问。
作用域链的前端是当前代码执行环境的变量对象,常被称之为“活跃对象”,变量的查找会从第一个链的对象开始,如果对象中包含变量属性,那么就停止查找,如果没有就会继续向上级作用域链查找,直到找到全局对象中:
作用域链的逐级查找,也会影响到程序的性能,变量作用域链越长对性能影响越大,这也是我们尽量避免使用全局变量的一个主要原因。