javascript中__proto__和prototype的区别-PHP中文网问答

讲师中心微信公众号

首页

文章

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

专题

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

AI工具

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

学习

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

编程手册

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

下载

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

最近更新

javascript中__proto__和prototype的区别

PHP中文网 2017-04-11 09:52:04

[JavaScript讨论组]

570

__proto__和prototype的区别，刚看到一句解释是这样的：

__proto__是站在对象的角度讨论原型对象。
prototype是站在构造函数的角度讨论原型属性，或构造函数创建的对象的原型对象。

仍然不是很理解，请大神帮展开来再说一下。所谓展开大概就是像知乎那样啰嗦的讲一下“我是谁，我从哪里来，我要到哪里去”3个问题。
或者换个说法，就是讲一个东西的时候，一般从3个维度来讲，
1、这个东西是什么？
2、这个东西有什么用？
3、这个东西怎么用？
如果不讲清楚这3个问题，就理解不了，因为我比较傻。谢谢。

另外有个具体的问题是：
最后一句“构造函数创建的对象的原型对象”，意思是当new一个对象的时候，这个new出来的对象是由构造函数创建的？

PHP中文网

认证高级PHP讲师

全部回复(3)

PHP中文网2017-04-11 09:54:04 3楼

其实没有那么复杂，你只是被一些概念性的东西弄迷糊了。
所谓的构造函数就只是一个普普通通的函数，只是它实现的功能就是为了new 一个object

例如:

function Person(name,age){  //一般构造函数的首字母大写，这是规范
    this.name=name;
    this.age=age;
}
Person.prototype={    //给Person的原型上添加方法
    a:function(){
        alert(this.name);   
    }
}
var obj=new Person('张三','20');   //obj就是构造函数Person的实例对象
console.log(obj.name)  //张三
console.log('obj.age') // 20
obj.a();  //alert 出张三

赞 +0

添加回复

黄舟2017-04-11 09:54:04 2楼

_proto_在es5里指向构造函数的prototype，在es6里指向该构造函数。看它的__就知道他是个私有属性了，不建议使用。
比如`复制代码
function A(){

console.log(this.__proto__.aa);//1 
this.aa=2

}
A.prototype={

aa:1

}
var a=new A;
console.log(a.aa);//2
a.__proto__={

aa:3

}
delete a.aa;//删除特权属性
console.log(a.aa);//3`
在不操作a.__proto__的时候，a.aa会是2。
prototype就是原型了。主要用于继承，比如你在Function.prototype定义一个函数，所有函数都有这个方法。
这有一篇js继承相关的文章：闲聊js继承

赞 +0

添加回复

PHP中文网2017-04-11 09:54:04 1楼

String.prototype.test = function(){
   console.log("test from String");
};
var testStr = new String();
testStr.test();// test from String
testStr.__proto__ === String.prototype; //true

函数对象都会有个prototype属性，这个其实就是函数对象的一个实例。而每一个对象（如testStr）的__proto__属性均指向这个prototype。就像上面的例子，给String扩展了一个test方法。

赞 +0

添加回复