javascript - 原型对象的constructor-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 原型对象的constructor

大家讲道理 2017-04-11 11:46:51

[JavaScript讨论组]

557

function Super(){
    this.name = "this is super";
}

Super.prototype = {
    say:function(){
        console.log(this.name);
    }
}

function Sub(){
    this.name = "this is sub";
}

Sub.prototype = new Super();

var o = new Sub();
o.say(); //this is sub

实例 o 的原型对象的constructor是Super，那么 this.name 应该是Super的构造函数。但是输出是 this is sub

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(4)

伊谢尔伦2017-04-11 11:48:51 4楼

方法是从原型链中继承来的没错。然而方法体中的this是什么，与这个方法来自哪里没有关系，而是跟方法调用方式有关。你是用o调用的，所以this就是o，就是你new出来的Sub实例。

所以this.name首先是到你的o上面去找，找不到再沿原型链向上查找。

赞 +0

添加回复

黄舟2017-04-11 11:48:51 3楼

o->Sub->Super
你要是不在Sub构造函数里面加上

this.name = "this is sub";

那就能得到 this is super.
翻看一下js 原型链的知识- -

赞 +0

添加回复

巴扎黑2017-04-11 11:48:51 2楼

无论 o.say() 的 say()方法是从哪里继承下来的
其函数内部的指令肯定是 console.log(this.name);

这里的这句命令，会被带回到调用者那里。
this也会指向调用者 o
此时 o根据原型链最近的方法调用了say函数
所以会输出 "this is sub"

赞 +0

添加回复

PHP中文网2017-04-11 11:48:51 1楼

@linkFly

var o = new Sub(); // 之前 Sub.prototype已经修改了，很疑惑构造函数是Sub。
Sub.prototype.constructor === Sub //false
new Sub() 执行的构造函数 不根据Sub.prototype.constructor 的指向么？
o 对象的constructor属性会默认调用 Sub.prototype.constructor 的构造函数。

 翻阅了相关资料， new Sub() 构造函数为Sub，但是Sub.prototype.constructor 的指向不修改会造成什么问题呢？ 这点不是很清楚。之前一直认为 prototype.constructor 的指向就是构造函数。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>