美文网首页
原型以及原型链

原型以及原型链

作者: Hunter_Gu | 来源:发表于2017-01-26 18:17 被阅读19次

原型是 JS 中比较抽象的一个部分,下面通过尽可能多的图来解释这一点。

  • 首先明确一点,JS 中所有的函数 fn 都有 prototype 属性(显式原型),fn.prototype 指向该函数的原型。

  • 另外,所有对象 obj 都有 [[prototype]] 属性(隐式属性),很多浏览器将其命名为 proto ,obj.proto 它指向构造函数中的 prototype 属性。

var obj = {
    'name': 'hunter'
  };
console.log(obj.__proto__);//指向 Object.prototype
function F(name){
  this.name = name;
}
F.prototype.sayName = function(){
  console.log(this.name);
};
var f1 = new F('Hunter');
f1.sayName();//通过原型链 f1.__proto__  找到 F.prototype 对象中的 sayName 属性
console.log(f1.__proto__);//指向 F.prototype

所以,通过图可以知道,构造函数 F 新建的实例可以通过原型链来继承Object.prototype 中的一些方法,这使得我们的实例对象功能更强大。

相关文章

  • 原型以及原型链

    先知知识:function,array,object都属于对象对象是函数创建的,而函数却又是一种对象 functi...

  • 原型以及原型链

    5条原型规则: 1,所有的引用类型(数组,对象,函数),都具有对象特性,即可自由扩展属性。 2,所有的引用类型(数...

  • 原型以及原型链

    原型是 JS 中比较抽象的一个部分,下面通过尽可能多的图来解释这一点。 首先明确一点,JS 中所有的函数 fn 都...

  • 原型和原型链篇

    原型和原型链 1.理解原型设计模式以及JavaScript中的原型规则 原型设计模式JavaScript是一种基于...

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

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

  • 原型与原型链以及继承

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

  • js原型以及原型链

    前言 由于写代码的时候使用到了object.prototype.tostring.call这个方法去计算一个对象的...

  • JS原型以及原型链

    1.现在我们知道,实例对象的__proto__属性指向其对应的原型对象。而在原型对象 prototype 上又有 ...

  • JavaScript的继承以及原型链相关内容

    1. 继承,原型,原型链理解以及它们之间的关系 2. 使用不同的方法来创建对象和生成原型链

  • 原型、原型链

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

网友评论

      本文标题:原型以及原型链

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