av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JS函數本身的作用域實例分析

瀏覽:162日期:2024-05-17 13:45:19

本文實例講述了JS函數本身的作用域。分享給大家供大家參考,具體如下:

函數本身也是一個值,也有自己的作用域。它的作用域與變量一樣,就是其聲明時所在的作用域,與其運行時所在作用域無關。

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

上面代碼中,函數x是在函數f的外部聲明的,所以它的作用域綁定外層,內部變量a不會到函數f體內取值,所以輸出1,而不是2。

總之,函數執行時所在的作用域,是定義時的作用域,而不是調用時所在的作用域

var x = function () { console.log(a);};function y(f) { var a = 2; f();}y(x)// ReferenceError: a is not defined

上面代碼將函數x作為參數,傳入函數y。但是x是在函數y體外聲明的,作用域綁定外層,因此找不到函數y的內部變量a,導致報錯。

同樣的函數本內部聲明的函數,作用域綁定在函數體內部

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

箭頭函數的作用域,是和父級上下文綁定在一起的

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

上面代碼show函數是一個箭頭函數,其this指向父級,而父級是一個頂級對象,window,window.id沒有定義,所以返回undefined

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

上面代碼中,箭頭函數定義在show函數內部,其父級作用域為show函數的作用域,show函數中this指向調用show函數的對象,即obj,obj中有id屬性,且值為2,所以輸出2

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日韩综合精品 | 欧美三级精品 | 激情综合网五月 | 手机看片福利视频 | 日本a在线观看 | 欧美综合在线视频 | 欧美一级淫片免费视频魅影视频 | 久久免费国产 | 亚洲成人一区 | 久久久久久国产 | 日本一级做a爱片 | 三级视频在线观看 | 中文字幕在线观看日本 | 欧美精品一区在线 | 国产乱码精品一品二品 | 国产一区二区三区在线 | 成人一级黄色片 | 亚洲国产激情 | 国产欧美日韩视频 | 国产毛片在线 | 久久a级片 | 欧美 日韩 国产 成人 在线 | 日韩伦理视频 | 亚洲成人免费在线 | 亚洲国产欧美在线 | 少妇性bbb搡bbb爽爽爽欧美 | 国产www视频| 日本伊人网 | 中文字幕在线观看不卡 | 亚洲国产一区在线观看 | 99久久婷婷国产综合精品草原 | 国产精品自在线 | 亚洲国产中文字幕 | 久久精品视 | 日韩精品成人 | 国内外成人免费视频 | 亚洲成人精品 | 国产成人三级一区二区在线观看一 | 91亚洲精选| 国产乱淫av| 中文字幕+乱码+中文乱码91 |