ES5只有全局作用域和函数作用域;
使用var声明的变量会被自动添加到最接近的环境中.
如果初始化时没有使用var声明,该变量会自动被添加到全局环境中.
for(var i=0;i<10;i++){
doSomething(i);
}
alert(i); // 10
对于有块级作用域的语言来说,for语句初始化变量的表达式所定义的变量,只会存在于循环的环境之中.循环一结束即被销毁.而对于JS来说,由for语句创建的变量i即使在for循环执行结束后,也依旧存在与循环外部的执行环境中.
function add(num1,num2){
var sum = num1+num2;
return sum;
}
var result = add(10,20);
alert(sum); //报错 由于sum不是有效的变量
由于使用var 所以sum被添加到add函数的局部环境中,alert(sum)是其父执行环境,故无法访问
将sum前的var去掉就可以访问,这时sum被添加到全局环境中
没有块级作用域带来的不合理场景
- 内层变量可能会覆盖外层变量
var temp = new Date()
function fn () {
console.log(temp)
if (false) {
var temp = 'hello world'
}
}
fn() // undefined
分析:原因在于变量提升导致内层tmp变量覆盖了外层的tmp变量.
- 用来计数的循环变量泄露为全局变量
如上述第一种情况
如何实现对象的私有属性
ES5中没有块级作用域的概念,同样也没有私有属性的概念,但是存在私有变量。可以通过闭包+私有变量的方式来实现对象的私有属性。
- 实例私有属性
实例私有属性的特点就是每个对象都会包含独立的属性,对象和对象之间没有共享。为了实现这一目标,可以在构造函数中增加一个私有变量,然后定义公共方法来访问这个私有变量。 - 静态私有属性
如果希望数据全局共享,就需要用到静态属性。如果希望这个属性是私有的,那么要实现静态私有属性。首先这个私有应该在构造函数外部,为把构造函数外部的变量和构造函数结合,可以使用闭包把私有变量和构造函数都包含在其作用域中,为了在闭包外访问内部构造函数,可以使用一个全局变量来引用构造函数。
ES6的块级作用域
let实际上为js新增了块级作用域
块级作用域的出现,使得获得广泛应用的立即执行匿名函数IIFE不再必要了.
// IIFE写法
((function(){
var tmp = ...
})())
// 块级作用域写法
{
let tmp = ...
}
在严格模式下,函数只能在顶层作用域和函数内声明,其他情况(比如if代码块,循环代码块)下的声明都会报错.
网友评论