做用域鏈&&嚴格模式

做用域鏈

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