javascript – 在构造函数调用模式中理解`this`

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在构造函数调用模式中理解`this`，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1688字，纯文字阅读大概需要3分钟。

内容图文

试图理解这一点,在javascript中找到了一个好的零件书：

var first;
var second;

var Quo = function(string) {
    first = this;
    this.status = string;// first this
};

Quo.prototype.get_status = function() {
    second = this;
    return this.status;//second this
};

var myQuo = new Quo( "confused" );
console.log( myQuo.get_status() );

console.log( (first===second) + ',' + (second===myQuo) + ',' + (first===myQuo) );

输出：

$node test.js 
confused
true,true,true

这第一个和第二个都指向myQuo吗？如何打印出每个指向的对象名称或函数名称或类名？ (目前真的很困惑.)

UPDATE

另一个问题：这两个都是指Quo的实例而不是Quo的原型？

另外,尝试：

console.log( myQuo.get_status() );
console.log(first.constructor.name);
console.log( first );
console.log( second );

输出：

confused

{ status: 'confused' }
{ status: 'confused' }

为什么first.constructor.name什么都没有？为什么首先是{status：’confused’}？

解决方法:

在javascript中,当在实例上调用在原型上定义的函数时;函数内部的“this”意味着(想象它被替换为 – )该实例(或者在其原型链中具有原型的拥有对象).

在您的情况下,构造函数(也是原型上的函数)使用“new”关键字将新创建的对象称为“this”.

var Quo = function(string) {
    first = this; //this is the newly created instance
    this.status = string;// first this
};

然后,第一个也被分配完全相同的实例.

在同一个实例上调用get_status时,会再次将其替换为实例;

Quo.prototype.get_status = function() {
    second = this; //this is myQuo
    return this.status;//second this
};

这次第二次被分配了相同的实例.

做myQuo.get_status()与;

Quo.prototype.get_status.call(myQuo)

因此这两个“this”关键字指的是同一个对象.

如果两个变量指向同一个实例,则执行“===”检查是完全可以比较的.获取构造函数名称只是告诉您它们是使用特定的构造函数名称构造的,否则.可以使用相同的构造函数名称创建两个不同的对象.

内容总结

以上是互联网集市为您收集整理的javascript – 在构造函数调用模式中理解`this`全部内容，希望文章能够帮你解决javascript – 在构造函数调用模式中理解`this`所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端