通过控制台打印数据加深对构造函数和类的理解

chrome控制台的打印内容为: 父类名 + 打印对象 , 每个打印对象都会有一个proto属性,这个属性的值就是打印对象父类的原型对象值,下面是分别使用构造函数和类实现的例子。
1. 构造函数实现

function Human(age) {
  this._age = age
}
Human.prototype = {
  talk: function () {
    console.log(this._age)
  }
}

var man = new Human(18)
console.log(man) 

这里写图片描述
2. 类实现

class Person {
    constructor(age) {
        this._age = age
    }
    talk () {
      console.log(this._age)
    }
}

var people = new Person(18)
console.log(people)

这里写图片描述

es6中的类其实就是一个语法糖,本质上还是一个构造函数,通过控制台的打印结构也印证了这一点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值