Js new 做了什么?

做了2年前端,底子虚浮,无根之浮萍。2年时间里写的代码不知道多少行了。越写越觉的对前端理解不够。又找不到什么切入方向。css、js不断更新。2只鞋子都没穿好。在前端路上也能走,走了2年了,混到写不动也没关系。但是还是想穿好鞋子后在前端路上npm run。。。。
怎么学呢。由点到面吧。英文看不懂。书拿到手里就困。万万是读不下去的。

class person {
    constructor(name, age) {
        this.sex = 'man',
        this.name= name;
        this.age = age;
        this.say = function() {
            console.log(`i am ${this.name}, i ${this.age}`)
        }
    }
}
var obj = new person('bird', 16);

console.log(obj)

在这里插入图片描述

// new 的作用

// 1 创建一个空对象

// 2 将构造函数的作用域赋予给新对象 (因此this的指向就指向了新对象)

// 3 执行构造函数中的代码(为这个对象添加属性)

// 4 返回新对象

class person {
    constructor(name, age) {
        this.sex = 'man',
        this.name= name;
        this.age = age;
        this.say = function() {
            console.log(`i am ${this.name}, i ${this.age}`)
        }
    }
}



var newObj = {}
console.log(1)
console.log(newObj)

newObj.__proto__ = person.prototype

console.log(2)
console.log(newObj)
newObj.name = 'bird'
console.log(newObj)
console.log(newObj.name)
console.log(newObj.sex)

person.call(newObj)
console.log(3)

console.log(newObj)

在这里插入图片描述

引出的问题
1, class 的继承 运用
2,prototype proto 之间的关系
3,call(),bind(),apply()

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值