美文网首页
prototype和__proto__

prototype和__proto__

作者: _Enco_ | 来源:发表于2017-07-17 15:05 被阅读0次

prototype两种使用方法

Date.prototype={
  tool1:function(){},
  tool2:function(){}
}
Date.prototype.tool1 = function(){};
Date.prototype.tool2 = function(){};

prototype和proto

function FN(name){
  this.name = name;
}
FN.prototype.getname = function(){
  console.log(this.name);
}
f2.__proto__.getAge = function(){
  console.log(666);
}
f2.tool = function(){alert(666);}
var f1 =new FN("xxxx");
f1.tool(); //f1没有tool方法
console.log(f1); //f1下的__proto__下也有getAge
var f2 =new FN("karen");
console.log(f2.__proto__);
  • 对象的原型属性(proto)指向构造函数的原型(prototype)
  • Es6中,由于类的方法都定义在prototype对象上面,所以类的新方法可以添加在prototype对象上面。
class B {}
let b = new B();
b.constructor === B.prototype.constructor // true
  • 上面代码中,b是B类的实例,它的constructor方法就是B类原型的constructor方法。
class Point {
  constructor() {
    // ...
  }
  toString() {
    // ...
  }
   toValue() {
    // ...
  }
}
// 等同于
Point.prototype = {
  constructor() {},
  toString() {},
  toValue() {},
};

相关文章

  • 前端

    * __proto__和prototype 每个对象都有__proto__,但只有函数有prototype。当你创...

  • javascript 原型链图

    __proto__和 prototype __proto__是对象才有的属性prototype 是函数才有的属性

  • 彻底明白__proto__和prototype

    主题: # __proto__的由来 # prototype的由来 # __proto__和Prototyp...

  • 2018-01-29 原型链理解

    普通对象和函数对象概念 prototype继承 __proto__、prototype、constructor讲解

  • 隐式原型<画图>

    prototype === __proto__ Function.prototype === Function._...

  • Prototype和__proto__

    1, 只有函数有prototype这个属性.属性值是 一个有constructor属性的对象. 2 new 通过n...

  • __proto__和prototype

    分析 方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有...

  • prototype和__proto__

    prototype两种使用方法 prototype和proto 对象的原型属性(proto)指向构造函数的原型(p...

  • __proto__和prototype

    此图完美诠释了__proto__与prototype的关系...逃!!!

  • __proto__和prototype

    1.对象有属性__proto__,指向该对象的构造函数的prototype.2.方法除了有属性__proto__,...

网友评论

      本文标题:prototype和__proto__

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