原型链

作者: 雨泽丶 | 来源:发表于2019-04-24 21:41 被阅读0次
  • 原型链
  • this指向
  • 作用域和预解析
  • new关键字
  • 闭包
  • 继承
  1. JS 规定,所有对象都有自己的原型对象(prototype)。
    一方面,任何一个对象,都可以充当其他对象的原型;
    另一方面,由于原型对象也是对象,所以它也有自己的原型。
    因此,就会形成一个“原型链”(prototype chain):对象到原型,再到原型的原型……

  2. 如果一层层地上溯,所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的prototype属性。
    也就是说,所有对象都继承了Object.prototype的属性。
    这就是所有对象都有valueOf和toString方法的原因,因为这是从Object.prototype继承的。

  3. Object.prototype对象有没有它的原型呢?回答是Object.prototype的原型是null。
    null没有任何属性和方法,也没有自己的原型。因此,原型链的尽头就是null。

  4. prototype对象有一个constructor属性,默认指向prototype对象所在的构造函数
    由于constructor属性定义在prototype对象上面,意味着可以被所有实例对象继承。

原型链

原型链.png
Object.prototype.a = function() {
  console.log("aa");
};
Function.prototype.b = function() {
  console.log("bb");
};
var f = new F();
F.a();  //aa
F.b();  //bb
f.a();   //aa 
f.b();   // 抱错,f.b is not a function

例2
function A() {
    this.name = 'a'
    this.color = ['green', 'yellow']
}
function B() {
}
B.prototype = new A()
var b1 = new B()
var b2 = new B()

b1.name = 'change'
b1.color.push('black')
console.log(b2.name)   // change 
console.log(b2.color)  // green yellow black

原型链题目2.png

相关文章

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

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

  • 原型、原型链

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

  • 原型链&查找规则&作用域链

    原型链(隐式原型链) 属性的查找规则(原型链的查找规则) 作用域链

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • 原型链实现继承

    原型链 原型链示意图 使用原型链实现继承 这是怎么回事呢? 原型链在哪? 听我细细道来~ 首先 Teacher 实...

  • 继承

    原型链直接继承 原型链直接继承prototype 原型链继承_prototype属性 继承_构造函数绑定

  • js中的实现继承的几种方式

    大纲:原型链借用构造函数组合继承原型式继承寄生式继承寄生组合式继承 1、原型链: 什么是原型链? 原型链的基本思想...

  • 【原型和原型链】什么是原型和原型链

    【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/articl...

  • js原型链

    目录 1.对象的原型和原型链1.1什么是原型1.2查看原型1.3对象的原型链 2.使用构造函数2.1 函数的原型链...

  • 廖雪峰JS小记

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

网友评论

      本文标题:原型链

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