Javascript 进阶 2-5 範围鍊

http://img2.58codes.com/2024/201217707tu3xxz91o.png

範围鍊,也就是在查找 function 内的变数时,依照要如何向外寻找的规则。

而这个规则跟上一篇文章提到的执行作用域无关。

http://img2.58codes.com/2024/20121770Wc9A575rtn.png

而是跟这个函式在编写的时候的位置有关。

当函式被呼叫的时候,会从函式所在的位置往外开始一层一层的寻找需要用到的变数名称。

http://img2.58codes.com/2024/20121770n1dcnMh57q.png

没有找到的话就会报错。

    var person = '老妈';    function sayHi () {        console.log('hi ' + person);    }    function doMorningWork () {        var person = '老爸';        function meetAntie() {            var person = '丑丑阿姨';            console.log('哈啰~ ' + perosn);        }        sayHi();        doMorningWork();    }        sayHi();        doMorningWork();

可以透过不同的地方的执行观察看看会出现甚么结果

var person = '老妈';    function sayHi () {        console.log('hi ' + person);    }    function doMorningWork () {        var person = '老爸';        function meetAntie() {            var person = '丑丑阿姨';            console.log('哈啰~ ' + perosn);        }        sayHi();        // doMorningWork();    }        sayHi();        // doMorningWork();

或是

var person = '老妈';    function sayHi () {        console.log('hi ' + person);    }    function doMorningWork () {        var person = '老爸';        function meetAntie() {            var person = '丑丑阿姨';            console.log('哈啰~ ' + perosn);        }        sayHi();        // doMorningWork();    }        // sayHi();        doMorningWork();

剩下的就自己练习看看,来实际感受一下範围鍊的感觉吧! 汪汪


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章