JS作用域链（转载）

这几天看犀牛书的一点心得和总结，做个笔记吧，主要是概念层面的，JS高手大可忽略。

变量的作用域
变量的作用域其实很简单：在函数内定义的局部变量只在本函数内有效，在所有函数体外定义的变量在JS代码的全局有限，叫全局变量。有一个特殊情况，如果有全局变量和局部变量重名了，局部变量优先级高于全局变量，为什么会这样？后面再加以解释。

变量与对象属性
在学习Javascript的时候，会发现变量的使用与对象属性非常类似，比如赋值，已经在表达式中的使用方式，你甚至就可以把JS里面的每一个变量都理解为对象的属性。

var a = 10;
var sampleObj = {value1:10; value2:20}
sum = a + sampleObj.value1 //计算结果是20因为在Javascript解释器运行的时候，它总是会首先创建一个全局对象，你定义的全局变量其实就是这个全局对象的属性。

在函数中定义的局部变量同样是对象的属性，这个对象比较特殊，它叫调用对象。在Javascript解释器每次执行一个函数的时候，都会为这个函数创建一个执行环境，而这个执行环境会创建一个调用对象。不同的函数的执行环境是彼此独立的，而在所有函数之外的代码执行环境叫做全局执行环境。

现在再回头总结一下，JS解释器解释代码前创建了一个全局对象，在代码执行到函数之前，代码在全局执行环境中；当解释器执行函数时，进入函数独立的执行环境，并创建调用对象，在函数中定义变量相当于定义了这个调用对象的一个属性。现在能理解了吧？

变量的作用域链
本文开头关于局部变量和全局变量优先级的问题，很快就能解释了，不过首先要知道作用域链的概念。“每个Javascript执行环境都有一个与它关联在一起的作用域链。”这是犀牛书上的表述，把它翻译成大白话就是：作用域的优先级顺序。

作用域链作用：
当Javascritp需要查询变量x的值时，它首先开始查询作用域链的第一个对象，如果该对象有名为x的属性，就采用这个值，如果没有，就查询作用域链上的第二个对象，以此类推。

作用域链的顺序：
根据执行环境来定，假设当前执行环境在两层嵌套的局部函数中，当前函数的调用对象处于作用域链第一位，外层函数调用对象在作用域链第二位，然后再外面的全局对象在第三位。

因此，在函数内部定义的局部变量肯定有比同名全局变量更高的优先级。

转载于:https://www.cnblogs.com/hanwest/archive/2013/01/29/2881880.html

JS作用域链（转载）相关推荐

js作用域链以及全局变量和局部变量
> [带var] > 在当前作用于中声明了一个变量,如果当前是全局作用域,也相当于给全局作用域设置了一个属性叫做a ```javascript //=>变量提升:var a; < ...
Js作用域链及变量作用域
要理解变量的作用域范围就得先理解作用域链用var关键字声明一个变量时,就是为该变量所在的对象添加了一个属性. 作用域链:由于js的变量都是对象的属性,而该对象可能又是其它对象的属性,而所有的对象 ...
JS 作用域和作用域链
作用域 JavaScript 中的作用域是我们可以有效访问变量或函数的区域.作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限. JavaScript 有两种类型的作用域:全局作用域.局 ...
JavaScript学习笔记——JS中的变量复制、参数传递和作用域链
今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执 ...
JS 总结之函数、作用域链
在 JavaScript 中,函数实际上是一个对象. ? 声明 JavaScript 用 function 关键字来声明一个函数: function fn () {} 复制代码变体:函数表达式: v ...
js的作用域链,原型链,以及闭包函数理解
代码一: this.number = 10 function a() {this.number = 20 } a.prototype.init = () => console.log(this. ...
1月8日学习内容整理：JS的作用域和作用域链
补充: 对于编译型语言,是编译一次生成可执行文件来执行多次:对于解释型语言,始终都是编译一次执行一次 python编译时要看有没有赋值操作,没有的话就不编译任何内容:若有赋值操作,才会开辟内存空间,把 ...
js 预编译解释执行作用域链闭包
<script>var a,b = 1;function c(x){var aa = 2;function d(){var ab = 3;}}var d = function(){//.. ...
js作用域与作用域链
一直对Js的作用域有点迷糊,今天偶然读到JavaScript权威指南,立马被吸引住了,写的真不错.我看的是第六版本,相当的厚,大概1000多页,Js博大精深,要熟悉精通需要大毅力大功夫. 一:函数作用 ...

JS作用域链（转载）

JS作用域链（转载）相关推荐

最新文章

热门文章