JS 原型、原型链

最新推荐文章于 2024-08-15 16:38:30 发布

我TM弄死你

最新推荐文章于 2024-08-15 16:38:30 发布

阅读量55

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45947222/article/details/130497444

版权

JavaScript的继承机制基于函数和对象，函数相当于类，对象是通过new操作符创建的实例。prototype属性关联着原型对象，而__proto__指针则连接实例与其原型。constructor通常指向构造函数，但可变性可能导致它不总是准确。尽管在技术上可有可无，保持constructor指向构造函数的惯例有助于代码的可读性和维护。

摘要由CSDN通过智能技术生成

类比java继承模型，函数相当于类，对象相当于new出来的变量，原型对象相当于父类
每个函数都有一个prototype属性，默认指向原型对象
每个对象都有一个__proto__属性，默认指向原型对象
每个对象都有一个constructor属性，默认指向构造函数

let Func = function(){}
console.log(Func.prototype); // {constructor:function(){}}
  
let f = new Func();
console.log(f.__proto__); // {constructor:function(){}}
console.log(f.contructor); // Func()

原理结构图：

constructor属性不影响任何JavaScript的内部属性。constructor其实没有什么用处，只是JavaScript语言设计的历史遗留物。由于constructor属性是可以变更的，所以未必真的指向对象的构造函数，只是一个提示。不过，从编程习惯上，我们应该尽量让对象的constructor指向其构造函数，以维持这个惯例，作用：通过实例的构造函数给闭包中的函数增加属性方法