JS prototype笔记

最新推荐文章于 2026-01-06 20:02:19 发布

转载最新推荐文章于 2026-01-06 20:02:19 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/ksss/blog/610807

文章标签：

#json #java

本文深入探讨JavaScript中prototype的概念，解释其作为继承基础的作用，通过实例演示如何使用prototype实现属性和方法的继承，以及其在JavaScript编程中的关键应用。

prototype在哪

prototype存在哪里，我们看下代码示例

function name(){
   alert(JSON.stringify(name.prototype)) // {},是个空对象。
}
name();
var test = new name();
alert(JSON.stringify(test.prototype)) // undefined,不存在这个对象。

直接声明的函数name拥有prototype这个属性，而new 构造出来的函数不存在prototype这个属性象。

prototype是啥

function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象，注意prototype属性与prototype对象是两个不同的东西，要注意区别。在prototype对象中又有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。如下伪代码示例：

var function{
    prototype:prototype{
                constructor:constructor == function
              }
}

prototype是继承还是克隆

function oschina(){
}
oschina.prototype.name = "abc";
var test = new oschina();
alert(JSON.stringify(test)); // {} --如果是克隆应该能打印出test的一个属性name，但是并没有
alert(test.name); // "abc" --可是却能打印出test.name，所以是test继承了oschina.prototype的属性

new出来的[test]对象继承定义的function[oschina]对象的prototype的属性，有点类似java派生子类继承父类属性。