如何深入理解JavaScript中的原型链和继承机制?

2026-04-09 15:560阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计918个文字,预计阅读时间需要4分钟。

如何深入理解JavaScript中的原型链和继承机制?

参考文档:JavaScript原型与继承的奥秘__proto__,除null和undefined外,JS中所有数据类型都具有这个属性;它表示当我们访问一个对象的某个属性时,如果该属性不存在于该对象本身,则从其原型链中查找。

参考文献

JavaScript原型与继承的秘密

__proto__

除null和undefined,JS中的所有数据类型都有这个属性; 它表示当我们访问一个对象的某个属性时,如果该对象自身不存在该属性, 就从它的__proto__属性上继续查找,以此类推,直到找到,若找到最后还是没有找到,则结果为undefined

我们把一个对象的__proto__属性所指向的对象叫该对象的原型;我们可以修改一个对象的原型来让这个对象拥有某种属性或某个方法

// 修改一个Number类型的值的原型 const num = 1; num.__proto__.name = "My name is 1"; console.log(num.name); // My name is 1 // 修改一个对象的原型 const obj = {}; obj.__proto__.name = "dreamapple"; console.log(obj.name); // dreamapple

需注意的是,__proto__属性虽多数浏览器支持,但其实它仅在ECMAScript 2015规范中才被准确定义, 目的是为了给这个传统的功能定制一个标准,以确保浏览器间的兼容性。通过使用__proto__属性来修改一个对象的原型非常慢且影响性能。

阅读全文

本文共计918个文字,预计阅读时间需要4分钟。

如何深入理解JavaScript中的原型链和继承机制?

参考文档:JavaScript原型与继承的奥秘__proto__,除null和undefined外,JS中所有数据类型都具有这个属性;它表示当我们访问一个对象的某个属性时,如果该属性不存在于该对象本身,则从其原型链中查找。

参考文献

JavaScript原型与继承的秘密

__proto__

除null和undefined,JS中的所有数据类型都有这个属性; 它表示当我们访问一个对象的某个属性时,如果该对象自身不存在该属性, 就从它的__proto__属性上继续查找,以此类推,直到找到,若找到最后还是没有找到,则结果为undefined

我们把一个对象的__proto__属性所指向的对象叫该对象的原型;我们可以修改一个对象的原型来让这个对象拥有某种属性或某个方法

// 修改一个Number类型的值的原型 const num = 1; num.__proto__.name = "My name is 1"; console.log(num.name); // My name is 1 // 修改一个对象的原型 const obj = {}; obj.__proto__.name = "dreamapple"; console.log(obj.name); // dreamapple

需注意的是,__proto__属性虽多数浏览器支持,但其实它仅在ECMAScript 2015规范中才被准确定义, 目的是为了给这个传统的功能定制一个标准,以确保浏览器间的兼容性。通过使用__proto__属性来修改一个对象的原型非常慢且影响性能。

阅读全文