原型链(包含三角关系)

目录

        原型

        原型链


 原型

每一个构造函数都有一个属性: 原型 / 原型对象

function Student(name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
}

Student.prototype.sayHi = function () {
    console.log('输出一下名字,名字是:',this.name)
}

// 通过Student构造函数,创建的对象,可以访问Student.prototype中的成员
var s1 = new Student('lilei',18,'男')
var s2 = new Student('hmm',18,'女')

console.log(s1.sayHi());     // 输出结果--输出一下名字,名字是:lilei
console.log(s2.sayHi());     // 输出结果--输出一下名字,名字是:hmm
console.log(s1.sayHi===s2.sayHi)    //true

构造函数的对象可以访问原型对象中的所有成员;

prototype是一个对象。 通过原型对象增加一些成员,通过构造函数创造的所有对象都可以访问原型对象中增加的这些成员;

constructor 的概念与用法

function Student(name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
}

Student.prototype.sayHi = function () {
    console.log('输出一下名字,名字是:',this.name)
}

// 通过Student构造函数,创建的对象,可以访问Student.prototype中的成员
var s1 = new Student('lilei',18,'男')
var s2 = new Student('hmm',18,'女')


// construtor 作用 记录了创建该对象的构造函数
console.log(s1.constructor)  // function Student(name,age,sex){
                                 // this.name = name;
                                 // this.age = age;
                                 // this.sex = sex;
                             // }

console.log(s1.constructor === Student)     // true

var arr = []

console.log(arr.constructor === Array)     // true

在原型对象中有一个属性 constructor 构造函数 作用:记录了创建该对象的构造函数

constructor 指向了原型对象所在的函数;

 

原型链

 原型链的意义:属性查找或成员查找的规则,如果在本身找不到了会去对应的链上查找

每个对象都有一个__proto__,它指向它的prototype原型对象,而prototype原型对象又具有一个自己的prototype原型对象,就这样层层往上直到一个对象的原型prototypenull

这个查询的路径就是原型链

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

普通前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值