作用域链&&严格模式

作用域链

1. 迷惑性代码

var a = 100;
function test(){
    console.log(a);
}
function testFun(){
    var a = 200;
    test();
}

不假思索的想到 出书的一定是 200啊 ，然而结结实实被打脸，输出 100

原因

在编译时，

1. 全局作用域中会存有的对象

   • a
   • test
   • testFun

2. testFun作用域中存的

   • a

3. test

   • 无

在运行时，

test() 我这里需要变量a 啊，但是在test的作用域中并不存在，那么就需要去全局作用域中寻找 a,报告老大找到了，输出全局作用域中的a，输出100

1. 迷惑性代码

var a = 100;
function testFun2(){
    var a = 300;
    function test(){
        console.log(a)
    }
    test();
}
testFun2();

输出什么？ 300！

？！为什么呢

作用域链再走一波

1.全局作用域

• a
• testFun2

1. testFun2

   • a
   • test

2. test

   • 无

运行时test时，报告老大，我需要变量a ,test作用域：我没有啊，你去看看testFun2有没有；
testFun2作用域：我有 给你拿去好了；
输出 300

严格模式

实例

'use strict';
x = 3.14; //  报错（x 未定义）

'use strict'
myFunction();
function myFunction(){
    y = 3.14;  //  报错 （y 未定义）
}

// 不允许删除变量或对象
'use strict';
var x = 3.14;
delete x ;

// 不允许删除函数
'use strict';
function x(p1,p2){};
delete x ;
//  报错

// 不允许变量重名
'use strict';
function x(p1,p1){} //  报错 

// 不允许使用八进制

'use strict';
var x = 010;   // 报错

// 不允许使用转义字符
'use strict';
var x= \010;   // 报错

//  不允许对只读属性赋值
'use strict';
var obj ={};
Object.defineProperty(obj,'x',{value:0,writable:false});
obj.x = 3.14;

// 不允许对一个使用 getter方法读取的属性进行赋值
'use strict';
var obj ={get x(){return 0}};
obj.x=3.14; //  报错

// 变量名 不能使用 'eval'字符串
'use strict';
var eval = 3.14; //  报错

//变量名不能使用 'arguments'字符串
'use strict';
var arguments = 3.14;  //报错

// 禁止 this 关键字指向全局对象

function test(){
    console.log(this); // undefined
}

严格模式新增的一些保留关键字

• implements
• interface
• let
• package
• private
• protected
• public
• static
• yield