2021-10-24 举例理解prototype的作用

最新推荐文章于 2024-02-05 10:42:23 发布

前端OnTheRun

最新推荐文章于 2024-02-05 10:42:23 发布

阅读量230

点赞数

分类专栏： js 文章标签： 1024程序员节原型链原型对象 JS

本文链接：https://blog.youkuaiyun.com/rowlet/article/details/120936874

版权

js 专栏收录该内容

37 篇文章

订阅专栏

本文解析了JavaScript中prototype的作用，它如何通过减少每个对象的重复属性实现内存节省，并详细介绍了new关键字创建对象时的过程。通过实例演示了如何使用prototype和__proto__。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prototype的诞生初衷是为了节约内存

把共有的属性和方法放到prototype上,而不是每个对象都存着这些共有属性和方法
从而达到节省内存的目的

理解

prototype就像是一类物品的共有部分(如:轮子),加上特有部分,构成了差异性
而__proto__是访问这个共有部分的钥匙

new一个对象时发生了什么

1.新建一个空对象
2.空对象.__proto__=原对象.prototype
3.根据上下文绑带赋值(空对象.name=name)
4.return这个对象

例子

function puti(name) {
    this.name = name
    this.say = function() {
        console.log("my name is &{{name}}");
    }
}
puti.prototype.change = function() {
    console.log("72changes");
}
var new1 = new puti("wukong");
console.log("new1", new1);