原型和原型链

1.什么是原型?

每一个对象都有他的原型对象,他可以使用自己原型对象上的所有属性和方法。

2.什么是原型链?

在JavaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接。这个原型对象又有自己的原型,直到某个对象的原型为 null 为止(也就是不再有原型指向),组成这条链的最后一环。这种一级一级的链结构就称为原型链。

3.获取原型的方法

  1. 通过对象的__proto__获取

  2. 通过构造函数的prototype属性拿到原型

  3. 通过ES6类的prototype属性

let cat = {
        name: 'summer'
    }
    cat.__proto__.eat = function () {
        console.log('吃猫粮');
    }
    cat.eat();
 
---------------------------------------------------
 
function Cat(name, age) {
        this.name = name;
        this.age = age;
    }
    let cat = new Cat("summer", 2);
    Cat.prototype.eat = function () {
        console.log('吃猫粮');
    }
 
---------------------------------------------------
 
class Cat {
        constructor(name, age) {
            this.name = name;
            this.age = age;
        }
    }
    Cat.prototype.eat = function () {
        console.log('吃猫粮');
    }
    let cat = new Cat('summer', 2);
    console.log(cat);
    cat.eat();

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值