javascript - 原型式继承怎么理解-PHP中文网问答

讲师中心微信公众号

首页

文章

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

专题

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

AI工具

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

学习

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

编程手册

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

下载

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

如何理解原型式继承？这里截取js高程3里的代码，对其中的原理不是很了解，希望能理解更透彻一些。

function object (o) {
    function F() {}
    F.prototype = o;
    return new F();
}
var person = {
    name: "Nicholas",
    friends: ["shelby","Count","Van"]
}
var person1 = object (person);
person1.name = "Gerg";
person1.friends.push("Job");
console.log(person1.name);
console.log(person1.friends);

var person2 = object(person);
console.log(person2.name);
console.log(person2.friends);

F prototype 和 o 的关系是怎样的？再补充一张图片

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(2)

高洛峰2017-04-11 10:33:18 2楼

关于原型的回答，sf上挺多的了，譬如相似问题的那里面的好几个，你看一遍就差不多了。
解释一下代码吧：

object函数就是改变构造函数的prototype对象的，比如说你要继承person中的属性，那么就写一个空函数，把空函数的prototype对象修改成person。
然后new 这个空函数，产生实例，譬如说上面的person1，person1中如果定义了name属性，那么访问器访问的时候就返回person1中定义的name
如果没有实例中没有定义name就去产生这个实例的构造函数的prototype对象上找，person2就是为了说明这个意思。

上面的是通俗说法，省略了一些细节，你看几篇长文章就可以了解的更详细。

//补充你后来的问题

F.prototype 就是指向o的，再上面的例子中就是指向person的

赞 +0

添加回复

PHP中文网2017-04-11 10:33:18 1楼

function object (o) {
    function F() {}
    F.prototype = o;
    return new F();
}
var person = {
    name: "Nicholas",
    friends: ["shelby","Count","Van"]
}
var person1 = object (person);
person1.name = "Gerg";
person1.friends.push("Job");
//此时，person1这个对象中并没有friends这个私有变量！
//所以 person1.friends -> person1.__proto__.friends; 
//或者说 person1.friends -> F.prototype.friends;
//注1，此时并没有F，F是私有变量，这么写只是为了方便看
//注2，此时的person1.friends只是个引用，真正指向了F.prototype.friends，即全局变量person.friends。   person1.friedns.push("Job")就是person.push("Job");
console.log(person1.name);  // Gerg应该没什么疑惑
console.log(person1.friends);//前两行push过了，打印出四个人名

var person2 = object(person);
console.log(person2.name);//person2并没有私有变量name,所以打印出person2.__proto__.name，即F.prototype.name，即person.name
console.log(person2.friends);//person2并没有私有变量friends,所以打印出person2.__proto__.friends，即F.prototype.friends，即person.friends

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>