美文网首页
原型与原型链

原型与原型链

作者: 华华5 | 来源:发表于2019-03-02 23:08 被阅读0次

1、js内置的构造器(函数对象)有12个啊

Number、Object、String、Boolean、Date、Array、Function、Math,JSON

每个对象都有 proto属性,但只有函数对象才有 prototype 属性(函数对象有proto和prototype两个属性)

函数对象的proto===Function.prototype(所有函数对象的proto属性===Function函数对象的prototype属性)

Object.prototype.proto === null   // true

Number.constructor == Function //true
 Boolean.__proto__ === Function.prototype // true
Boolean.constructor == Function //true
 String.__proto__ === Function.prototype  // true
String.constructor == Function //true

// 所有的构造器都来自于Function.prototype,甚至包括根构造器Object及Function自身
Object.__proto__ === Function.prototype  // true
Object.constructor == Function // true

// 所有的构造器都来自于Function.prototype,甚至包括根构造器Object及Function自身
Function.__proto__ === Function.prototype // true
Function.constructor == Function //true
 Array.__proto__ === Function.prototype   // true
Array.constructor == Function //true
 RegExp.__proto__ === Function.prototype  // true
RegExp.constructor == Function //true
 Error.__proto__ === Function.prototype   // true
Error.constructor == Function //true
 Date.__proto__ === Function.prototype    // true
Date.constructor == Function //true</pre>```

2、相关原则以及公式

  Object.__proto__===Function.prototype    //函数对象的__proto__属性===Function函数对象的prototype属性

  var a={}

  a.constructor===Object  //实例对象的构造函数属性===构造函数

  对象.__proto__ === 构造函数.prototype

  Function.prototype.__proto__ === Object.prototype

构造函数.prototype.constructor == 构造函数;    //原型对象是构造函数的一个实例对象
对象.proto == 构造函数.prototype;
对象.constructor == 构造函数;


3、原型对象(.prototype)——作用(继承)

  共有属性和方法放在原型对象里面

  .prototype


  (Object.prototype).constructor===Object  //原型对象的构造函数===构造函数

  在 Object创建对象的时候,创建了一个它的实例对象并赋值给它的 prototype。

  原型对象(Object.prototype)是 构造函数(Object)的一个实例。是一个普通对象.

  原型对象其实就是普通对象(但 Function.prototype 除外,它是函数对象,但它很特殊,他没有prototype属性)

  作用:继承

<pre style="color: rgb(0, 0, 0); font-family: &quot;Courier New&quot;; font-size: 12px; margin: 5px 8px; padding: 5px;">  var Person = function(name){ this.name = name;     // tip: 当函数执行时这个 this 指的是谁?
 };
  Person.prototype.getName = function(){ return this.name;      // tip: 当函数执行时这个 this 指的是谁?
 } var person1 = new Person('Mick');
  person1.getName();     //Mick</pre>

4、__proto__

  对象.__proto__ === 构造函数.prototype

5、函数对象

  所有函数对象的__proto__===Function.protorype,它是一个空函数

6、总结

*   原型和原型链是JS实现继承的一种模型。
*   原型链的形成是真正是靠`__proto__` 而非`prototype`

小测试

1.  `person1.__proto__` 是什么?
2.  `Person.__proto__` 是什么?
3.  `Person.prototype.__proto__` 是什么?
4.  `Object.__proto__` 是什么?
5.  `Object.prototype__proto__` 是什么?

参考链接:https://www.jianshu.com/p/dee9f8b14771

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

      本文标题:原型与原型链

      本文链接:https://www.haomeiwen.com/subject/avruuqtx.html