JavaScript中怎么實(shí)現(xiàn)函數(shù)本身的作用域

今天就跟大家聊聊有關(guān)JavaScript中怎么實(shí)現(xiàn)函數(shù)本身的作用域，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

函數(shù)本身也是一個(gè)值，也有自己的作用域。它的作用域與變量一樣，就是其聲明時(shí)所在的作用域，與其運(yùn)行時(shí)所在作用域無關(guān)。

var a = 1
var x = function() {
 console.log(a)
}

function f() {
 var a = 2
 x()
}

f()

上面代碼中，函數(shù)x是在函數(shù)f的外部聲明的，所以它的作用域綁定外層，內(nèi)部變量a不會(huì)到函數(shù)f體內(nèi)取值，所以輸出1，而不是2。

總之，函數(shù)執(zhí)行時(shí)所在的作用域，是定義時(shí)的作用域，而不是調(diào)用時(shí)所在的作用域

var x = function () {
 console.log(a);
};

function y(f) {
 var a = 2;
 f();
}

y(x)
// ReferenceError: a is not defined

上面代碼將函數(shù)x作為參數(shù)，傳入函數(shù)y。但是x是在函數(shù)y體外聲明的，作用域綁定外層，因此找不到函數(shù)y的內(nèi)部變量a，導(dǎo)致報(bào)錯(cuò)。

同樣的函數(shù)本內(nèi)部聲明的函數(shù)，作用域綁定在函數(shù)體內(nèi)部

function foo() {
 var x = 1;
 function bar () {
 console.log(x)
 }
 return bar
}
var x = 2 
var f = foo()
f() // 1

箭頭函數(shù)的作用域，是和父級(jí)上下文綁定在一起的

var obj = {
 id: 1,
 show: () => {
 console.log(this.id)
 }
}

 
obj.show() // undefined

上面代碼show函數(shù)是一個(gè)箭頭函數(shù)，其this指向父級(jí)，而父級(jí)是一個(gè)頂級(jí)對(duì)象，window,window.id沒有定義，所以返回undefined

var obj = {
 id: 2,
 show: function() {
 return () => {
  console.log(this.id)
 }
 }
}

obj.show()() // 2

看完上述內(nèi)容，你們對(duì)JavaScript中怎么實(shí)現(xiàn)函數(shù)本身的作用域有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。