关于Javascript 对象(object)的prototype_javascript技巧
程序员文章站
2022-05-16 21:22:10
...
Javascript中的每个对象(object)都会有 prototype 。试一下:
var Richard = new Object();
alert(typeof(Richard.prototype));
结果令人郁闷,浏览器弹出来的是 undefined……
到底是怎么回事呢?
再看一个例子:
function Richard(){}
alert(typeof(Richard.prototype));
上面的例子似乎说明,只有 function 对象才有 prototype, 而一般的 Object 对象是没有 prototype 的,事实怎样呢?
我们再来执行一句就明白了:
var Richard = new Object();
alert(Richard.__proto__);
是不是明白了?
其实我们都有一个误区,就是认为形成 Javascript 对象的prototype chain 的 prototype 就是一个名字为 prototype 的属性,而且是可以访问的。其实,Javascript 的 prototype 和 名字为 prototype 的属性在一开始一点儿关系都没有,是两个不同的事物。
对于一般对象来说,我们只能通过 __proto__ 这样的属性去访问从 Object 对象继承来的 prototype;
对于函数对象来说,在其建立的时候,已经将 Function对象的 prototype 赋值给了 prototype 属性。
复制代码 代码如下:
var Richard = new Object();
alert(typeof(Richard.prototype));
结果令人郁闷,浏览器弹出来的是 undefined……
到底是怎么回事呢?
再看一个例子:
复制代码 代码如下:
function Richard(){}
alert(typeof(Richard.prototype));
上面的例子似乎说明,只有 function 对象才有 prototype, 而一般的 Object 对象是没有 prototype 的,事实怎样呢?
我们再来执行一句就明白了:
复制代码 代码如下:
var Richard = new Object();
alert(Richard.__proto__);
是不是明白了?
其实我们都有一个误区,就是认为形成 Javascript 对象的prototype chain 的 prototype 就是一个名字为 prototype 的属性,而且是可以访问的。其实,Javascript 的 prototype 和 名字为 prototype 的属性在一开始一点儿关系都没有,是两个不同的事物。
对于一般对象来说,我们只能通过 __proto__ 这样的属性去访问从 Object 对象继承来的 prototype;
对于函数对象来说,在其建立的时候,已经将 Function对象的 prototype 赋值给了 prototype 属性。
推荐阅读
-
js中事件的处理与浏览器对象示例介绍_javascript技巧
-
面向对象设计模式的核心法则_javascript技巧
-
js以对象为索引的关联数组_javascript技巧
-
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题_javascript技巧
-
JavaScript对象参数的引用传递_javascript技巧
-
javascript中获取选中对象的类型_javascript技巧
-
解析JavaScript面向对象概念中的Object类型与作用域
-
深入理解JavaScript中的对象复制(Object Clone)
-
举例讲解JavaScript中关于对象操作的相关知识
-
JavaScript中的Object对象学习教程