几句话带你理解JS中的this、闭包、原型链

站长资源 2024/11/28 佚名

5 1538 5

DDR爱好者之家 Design By 杰米

原型链

所有对象都是基于Object.prototype，Object.prototype就是JavaScript的根对象，在Object.prototype中定义的方法都可以被其它对象访问到，当然也可以被重写了，所以直接在Object.prototype上调用的是原始功能的toString()方法，该方法会放回参数对象的内置属性[[class]]的值，这个值是个字符串，比如'[Object String]'

要理解原型链机制的话，首先得知道根本原因：JavaScript中的对象都有一个内置属性[[Prototype]]，这个属性和非标准的__proto__属性一样，__proto__在ES6中被纳入标准了，可以说它们基本上是等价的，但内置属性是无法访问到的。对象之间通过内置属性[[Prototype]]关联了起来就形成了原型链，而原型链的顶层就是根对象Object.prototype，Object.prototype的原型将是null，即Object.prototype.__proto__ === null；

例如：

在访问对象的属性的时候，如：obj.a，首先查找自身，没有，就到它的内置属性[[Prototype]]所引用的对象上找，还是没有，就继续在这个上层对象的内置属性[[Prototype]]所引用的对象上找，一直找到根对象Object.prototype，找不到就返回undefined;

this

理解this的第一步就是要明白：this既不指向函数自身，也不指向函数的词法作用域；

this是在运行时进行绑定的，而不是在编写时绑定，它的上下文取决于函数调用时的各种条件；

this的绑定和函数声明的位置没有任何关系，只取决于函数的调用位置和调用方式；

this绑定规则有4点：按优先级1到4判断

1.由new调用？绑定到新创建的空对象；

2.由call、apply、bind调用？绑定到指定的参数对象；如foo.call(obj)

3.由上下文对象调用？绑定到这个上下文对象；如obj.foo()

4.默认情况下绑定到全局对象，foo()；在严格模式下绑定到undefined；

闭包

function foo(){
var a = 2;
function bar(){}
return bar;
}
var a = foo();
a();

闭包：不是指函数bar也不是a，它是一个引用，这个引用被内部函数bar持有，这个引用指向外部函数foo的整个作用域，它使得这个作用域即使在外部函数foo()执行后也不会被垃圾回收器回收。也就是说这个外部函数foo的作用域就是闭包本身。
无论通过何种手段（直接或间接）将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包。

var fn; //间接传递函数
function foo(){
var a = 2;
function baz(){
console.log(a);
}
fn = baz;
}
function bar(){ fn();}
foo();
bar(); function foo(){
var a = 2;
function baz(){
console.log(a);
}
bar(baz);
}
function bar(fn){ fn(); }

js中this,闭包,原型链

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“几句话带你理解JS中的this、闭包、原型链”

暂无评论...

几句话带你理解JS中的this、闭包、原型链

Windows环境下npm install 报错: operation not permitted, rename的解决方法

BootStrap下拉菜单和滚动监听插件实现代码

评论“几句话带你理解JS中的this、闭包、原型链”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接