美文网首页
js的原型和原型链

js的原型和原型链

作者: 沉默紀哖呮肯伱酔 | 来源:发表于2020-06-02 10:26 被阅读0次

每个函数都有prototype属性。
每一个对象都有一个proto属性,该属性指向其对象的原型。

function Person() {}
var person = new Person();
// person.__proto__ === Person.prototype

原型链:

// 构造函数
function Person(){
}
Person.__proto__ === Function.prototype
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

Perosn.prototype__proto__ === Object.prototype
Obejct.prototype.__proto__ === null

Person的proto指向其原型对象,其原型对象的proto又指向它的原型对象,就这样一直向上找,直到指向最顶层的null

// 例题
Function.prototype.a = "1";
Object.prototype.b = "2";
function Person(){}

let p = new Person();

console.log(p.a) // undefined
console.log(p.b) // 2

这道题很容易迷惑人,我们首先会像到明明设置了a属性,为什么打印出来的a是undefined。为什么会出现这样的结果呢?
因为Function.prototype.a = "1"; 这个语句是为Function设置的属性a。p是Person的实例, p是一个对象不是函数,所以没有a属性

相关文章

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • JS的__proto__和prototype

    最近在回顾JS的原型和原型链的知识,熟悉JS的同学都知道JS的继承是靠原型链实现的,那跟原型链相关的属性__pro...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • 关于JS中的原型和原型链

    目录 关于js 对象和原型 原型链 基于原型链的继承 参考资料ECMAScript 6 入门JavaScript原...

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

  • 深入javascript之原型和原型链

    原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型...

  • 原型和原型链

    今天发现一张特别好的图(↑↑↑上图↑↑↑),对原型和原型链的理解特别直观友好。 原型和原型链 基础储备:每个 JS...

  • JavaScript原型对象与原型链

    一、前言 原型和原型链是 JavaScript中不可避免需要碰到的知识点,在刚开始学习 JS 时,原型和原型链都是...

  • 2018-01-09 关于javascript原型链的思考 pl

    s 深入理解原型和原型链? 构造函数 理解原型和原型链 new的时候js都干了什么? 一个实现继承的demo 构造...

  • js基础(三)

    js基础 原型链和原型对象 ... ... js没有继承原型对象prototype通常用来添加公共的属性或行为且只...

网友评论

      本文标题:js的原型和原型链

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