美文网首页
03 函数的原型 prototype

03 函数的原型 prototype

作者: Suuuuunie | 来源:发表于2019-11-27 18:36 被阅读0次

1. 每个函数 function 都有一个 prototype 属性,它默认指向一个 Object 空对象(即原型对象)

function Fn() {
  
}
console.log(Fn.prototype) 

结果为:


image.png

从上图可以看出来,Fn.prototype 除了 constructor 和 proto 是没有我们自己定义的方法或者属性的,所以称为空 Object 对象。

2. 原型对象上都有一个 constructor,它指向函数对象

console.log(Fn.prototype.constructor === Fn) // true

如下图所示,构造函数和它的原型对象是相互引用关系。


image.png

3. 给原型对象添加属性或者方法,它的实例对象可以直接访问到

Fn.prototype.test = function() {
  console.log('test()');
}
const fn = new Fn();
fn.test(); // test()

相关文章

  • JavaScript再学习笔记之函数高级(1)

    原型与原型链 原型(prototype) 函数的prototype属性 每个函数都有一个prototype属性,它...

  • 原型链

    原型链函数的原型对象prototype函数都有prototype属性指向函数的原型对象【只有函数根除外】原型对象的...

  • ES6 原型和原型链

    1、构造函数和原型 prototype(1)原型prototype:每个构造函数[https://baike.ba...

  • 一篇就够-理解原型和原型链

    prototype和proto prototype是原型对象,proto是原型 prototype 每个函数都有一...

  • 原型链

    原型继承 构造函数继承? 函数对象 原型prototype

  • Javascript中的prototype proto和cons

    主要结论: 只有函数对象有prototype原型属性,而且函数对象的原型(prototype)指向该函数对象的实例...

  • JavaScript - 原型对象

    原型对象 构造函数的 prototype 对象称为原型对象。 Student.prototype 是构造函数 St...

  • JavaScript原型与原型链

    prototype 每个函数都有prototype属性,它指向函数的原型对象(Person.prototype)(...

  • 03 函数的原型 prototype

    1. 每个函数 function 都有一个 prototype 属性,它默认指向一个 Object 空对象(即原型...

  • 继承

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

网友评论

      本文标题:03 函数的原型 prototype

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