理解javaScript變量、作用域鏈

KevinYan 發(fā)布于2019-08-23 15:17 / 3164人閱讀

摘要：作用域鏈的用途，是保證對執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問。當前的執(zhí)行環(huán)境就是作用域的最前端，標識符解析是沿著作用域鏈最前端向后回溯，直到找到標志符當某個函數(shù)被調(diào)用時，會創(chuàng)建一個執(zhí)行環(huán)境及相應(yīng)的作用域鏈。

變量
由于JavaScript變量松散類型的本質(zhì)，決定了它只是在特定時間用于保存特定值的一個名字而已。變量分為基礎(chǔ)類型值和引用類型值；
基本類型值指的是簡單的數(shù)據(jù)段（Undefined、Null、Boolean、Number、String 和 symbol），而引用類型值指那些可能由多個值構(gòu)成的對象。

引用類型的值是保存在內(nèi)存中的對象。與其他語言不同，JavaScript 不允許直接訪問內(nèi)存中的位置，也就是說不能直接操作對象的內(nèi)存空間。在操作對象時，實際上是在操作對象的引用而不是實際的對象。為此，引用類型的值是按引用訪問的
var obj1 = new Object();

var obj2 = obj1;
obj1.name = "Nicholas";
alert(obj2.name);  //"Nicholas"

作用域鏈
1.執(zhí)行環(huán)境
執(zhí)行環(huán)境(execution context，為簡單起見，有時也稱為“環(huán)境”)定義了變量或函數(shù)有權(quán)訪問的其他數(shù)據(jù)，決定了它們各自的行為。
每個函數(shù)都有自己的執(zhí)行環(huán)境。當執(zhí)行流進入一個函數(shù)時，函數(shù)的環(huán)境就會被推入一個環(huán)境棧中。而在函數(shù)執(zhí)行之后，棧將其環(huán)境彈出，把控制權(quán)返回給之前的執(zhí)行環(huán)境。ECMAScript 程序中的執(zhí)行流正是由這個方便的機制控制著。
全局執(zhí)行環(huán)境是最外層環(huán)境，web開發(fā)中通常認為是window；某個執(zhí)行環(huán)境中所有代碼執(zhí)行完畢后，該環(huán)境將被銷毀，保存在其中的變量和函數(shù)也將同時被銷毀
2.當代碼在一個環(huán)境中執(zhí)行時，會創(chuàng)建變量對象的一個作用域鏈(scope chain)。作用域鏈的用途，是保證對執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問。當前的執(zhí)行環(huán)境就是作用域的最前端，標識符解析是沿著作用域鏈最前端向后回溯，直到找到標志符
3.當某個函數(shù)被調(diào)用時，會創(chuàng)建一個執(zhí)行環(huán)境(execution context)及相應(yīng)的作用域鏈。然后，使用 arguments 和其他命名參數(shù)的值來初始化函數(shù)的活動對象(activation object)。
閉包
閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。創(chuàng)建閉包的常見方式，就是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)。
無論什么時候在函數(shù)中訪問一個變量時，就會從作用域鏈中搜索具有相應(yīng)名字的變量。一般來講，當函數(shù)執(zhí)行完畢后，局部活動對象就會被銷毀，內(nèi)存中僅保存全局作用域(全局執(zhí)行環(huán)境的變量對象)。但是，閉包的情況又有所不同。
外部函數(shù)執(zhí)行結(jié)束后，執(zhí)行環(huán)境就會在作用域鏈中銷毀，但是由于閉包函數(shù)的局部作用域鏈仍在使用其活動對象，所以閉包函數(shù)被銷毀時外部活動環(huán)境才能被銷毀。
由于閉包會攜帶包含它的函數(shù)的作用域，因此會比其他函數(shù)占用更多的內(nèi)存。

this
1.（默認綁定）普通函數(shù)調(diào)用;this指向window

在嚴格模式下（strict mode），全局對象將無法使用默認綁定，即執(zhí)行會報undefined的錯誤

2.（隱式綁定）作為對象方法調(diào)用;this指向調(diào)用對象

3.作為構(gòu)造函數(shù)調(diào)用，this 指代實例對象

4.call() 和 apply()、bind（）
主要是通過改變對象的prototype關(guān)聯(lián)對象。具體使用上，可以通過這兩個方法call(…)或apply(…)來實現(xiàn)（大多數(shù)函數(shù)及自己創(chuàng)建的函數(shù)默認都提供這兩個方法）call與apply是同樣的作用，區(qū)別只是其他參數(shù)的設(shè)置上,
apply：調(diào)用一個對象的一個方法，用另一個對象替換當前對象。例如：B.apply(A, arguments);即A對象應(yīng)用B對象的方法。

call：調(diào)用一個對象的一個方法，用另一個對象替換當前對象。例如：B.call(A, args1,args2);即A對象調(diào)用B對象的方法。

bind：call和apply都是改變上下文中的this并立即執(zhí)行這個函數(shù)，bind方法可以讓對應(yīng)的函數(shù)想什么時候調(diào)就什么時候調(diào)用，并且可以將參數(shù)在執(zhí)行的時候添加，這是它們的區(qū)別。
bind也可以有多個參數(shù)，并且參數(shù)可以執(zhí)行的時候再次添加，但是要注意的是，參數(shù)是按照形參的順序進行的。