JS中的作用域与原型链

发布于:2022-12-31 ⋅ 阅读:(199) ⋅ 点赞:(0)

作用域:

 1. js作用域分为全局作用域、函数作用域和ES6新增的块级作用域。

 2.作用域是一个独立的空间,让变量不会暴露出去,不同作用域下的同名变量不会起冲突。

 3.函数作用域内定义的变量只能在函数中调用,外界无法访问到,但是因为ES之前没有块级作用       域,所以会导致if和for这样的逻辑语句中的变量会被外界访问到。

 4.ES6中新增let和const命令来创建块级作用域,所声明的变量在指点块的作用域外无法访问

作用域链:

 作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链式连接,我们把这种链式连接叫做作用域链。

1. 函数一创建 就继承当前作用域空间的作用域链
       通过console.dir(fn) 可以看到属性[[Scopes]] 这就是当前函数的作用域有几个的描述 但是没有办法访
2. 函数一调用 就在作用域链上新增创建一个作用域空间AO对象 放在作用域链Scopes的头部
3. 函数一调用完毕 新的作用域空间AO对象 从作用域链头部去掉。

结合着例子来理解一下:

function a(a) {
	function b() {
		var b=234;
	}
}
var glob = 100;
a(123);

 

a函数被定义时发生如下过程:

 

先不要细琢磨上面GO里放置的各个属性。上面a.[[scope]]还没有构成一个链,只有GO对象的存在,下面继续。

a函数被执行时,发生如下过程:

 

a函数执行前一刻所产生的AO对象放到了a函数作用域a.[[scope]]的顶端;现在a.[[scope]]上已构成一个链.

原型链:

  什么是 原型链,先说下原型,原型就是原型对象,普通对象(不是通过new Function创建的对象)没有原型对象,只有函数对象才有原型对象。原型链是通过__proto__属性形成的,任何对象(普通对象和函数对象)都有__proto__属性。查找对象的某个属性的时候,首先在当前对象查找,如果没有去对象的__proto__中去查找,一直到最顶层null,这样形成的一条查找链就是原型链

1.所有对象的 __proto__都指向他的构造函数的prototype
2.所有函数对象(Number,String,Date,Object等12种内置构造函数,还包括自定义构造函数)的 __proto__都指向Function.prototype(他是一个空函数empty function)
 


网站公告

今日签到

点亮在社区的每一天
去签到