博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中的prototype、__proto__和constructor
阅读量:6942 次
发布时间:2019-06-27

本文共 1179 字,大约阅读时间需要 3 分钟。

hot3.png

__proto__,指的是对象的内部原型;

prototype,为构造器的原型;

 

一、所有构造器/函数的(__proto__)都指向Function.prototype,它是一个空函数(Empty Function)

注:也可理解为:所有对象(构造器/函数)通过其内部__proto__实现继承,继承Function.prototype的公共属性和方法)

所有构造器都来自于Function.prototype,甚至包括根构造器Object及Function自身。所有构造器都继承了Function.prototype的属性和方法。

所有构造器(含内置及自定义)的(__proto__)都是Function.prototype,但是Function.prototype的(__proto__)指向的是Object.prototype。(也可理解为Function.prototype通过__proto__从Object.prototype继承根对象Object所有公共属性和方法。)

 

Function.prototype.__proto__ == Object.prototype;

最后,Object.prototype.__proto__ == null

 

二、所有对象实例的(__proto__)都指向其构造器的prototype

构造器的实例对象的内部原型(__proto__),总是指向其构造器的prototype

function Person(name) {

    this.name = name;

}

 

var p = new Person("Ancle");

console.log(p.__proto__ === Person.prototype) // true

p是Person的实例对象,p的内部原型(__proto__)总是指向其构造器Person的prototype

 

三、constructor属性:每个对象实例都有一个constructor属性,以获取它的构造器

借用上述Person例子:

console.log(p.__proto__ === p.constructor.prototype) // true

 

对象直接量:使用对象直接量方式定义的对象,其构造器(constructor)指向的是根构造器Object,Object.prototype是一个空对象{}

例子:

var p = {};

console.log(p.constructor === Object) // true

console.log(p.constructor.prototype === Object.prototype) // true

转载于:https://my.oschina.net/u/1251536/blog/660108

你可能感兴趣的文章
编程之美:寻找发帖"水王"
查看>>
eclips的一些快捷设置
查看>>
POJ 1769 Minimizing maximizer 线段树优化DP
查看>>
mvc 验证封装到某个特征类里[特性的使用]
查看>>
Redis配置文件详解
查看>>
SQL Mon 介绍
查看>>
yii2 对字段 自动加一 或 减一
查看>>
nginx负载均衡分配策略有哪些?
查看>>
localStorage
查看>>
简单的Asp.net mvc 里动态生成Linq的Ef查询扩展
查看>>
java.lang.reflect.InvocationTargetException
查看>>
完善(用户调研反馈+自评+典型用户与场景)
查看>>
elasticsearch接口开发(新)
查看>>
How to configure your MyInbox webpart automatically ?
查看>>
Linux : centOS 与 Ubuntu 安装 Nginx
查看>>
Django&Admin站点&调整站点信息
查看>>
POJ2125 Destroying The Graph
查看>>
详细的App推广前的准备工作
查看>>
15年1月的每天小程序
查看>>
多选插件multiselect.js
查看>>