365天打卡记录
🔥 创作不易、大家帮然叔 B栈 一键三连
- [如何利用闭包完成类库封装] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [谈谈闭包与即时函数的应用] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [分析一下箭头语法为什么不能当做构造函数] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [闭包与科里化、偏应用函数的关系] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [如何用闭包制造惰性函数?] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [什么是闭包？如何产生闭包] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [new 一个构造函数，如果函数返回
return {}、return null，return 1，return true会发生什么情况？] 📺 Billbill视频 📚 掘金文稿 🐱 Github - [new 一个函数发生了什么？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [判断数据类型的方式有哪些？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [Number() 的存储空间是多大？如果后台发送了一个超过最大限制的数字怎么办?] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [0.1 + 0.2 === 0.3 嘛？为什么？怎么解决？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [JS 整数是怎么表示的？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
同步视频
知识讲解
面向对象中的new关键字
“面向对象编程”（Object Oriented Programming，缩写为OOP）是目前主流的编程范式。
- 创建类实例 - 对象
- 创建实例的时候执行构造函数
class Person {
constructor(name) {
console.log('constructor')
this.name = name
}
say() {
console.log('My name is ',this.name)
}
}
const b = new Person("b");
Javascript语言中的变化
- 构造函数的写法的变化
- 通过原型定义属性和方法
- 上下文this的引入
function Person(name) {
console.log("constructor");
this.name = name;
}
Person.prototype.say = function () {
console.log("My name is", this.name);
};
new的作用分析
// TODO: 构造函数被执行
function Person(name) {
console.log("constructor");
// TODO: 将构造函数的this指向新对象
this.name = name;
}
// TODO: 将新建对象的__proto__属性设置为构造函数的prototype
Person.prototype.say = function () {
console.log("My name is", this.name);
};
// TODO: 创建新对象
const b = new Person("b");
b.say();
模拟函数
function myNew(fn, ...args) {
// 创建一个空对象
const obj = {};
// 将该对象的 __proto__ 属性链接到构造函数原型对象
obj.__proto__ = fn.prototype;
// 将该对象作为 this 上下文调用构造函数并接收返回值
const res = fn.apply(obj, args);
// 如果返回值存在并且是引用数据类型，返回构造函数返回值，否则返回创建的对象
return typeof res === "object" ? res : obj;
}
const c = myNew(Person, "b");
c.say();
面试攻略
- 面型对象、原型链、apply如何绑定上下文分别解释清楚
点评
- 虽然Javascript现在讲究class关键字，讲究函数式引用透明。但是上下文原型链这种遗产还是需要
365天打卡记录
🔥 创作不易、大家帮然叔 B栈 一键三连
- [如何利用闭包完成类库封装] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [谈谈闭包与即时函数的应用] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [分析一下箭头语法为什么不能当做构造函数] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [闭包与科里化、偏应用函数的关系] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [如何用闭包制造惰性函数?] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [什么是闭包？如何产生闭包] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [new 一个构造函数，如果函数返回
return {}、return null，return 1，return true会发生什么情况？] 📺 Billbill视频 📚 掘金文稿 🐱 Github - [new 一个函数发生了什么？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [判断数据类型的方式有哪些？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [Number() 的存储空间是多大？如果后台发送了一个超过最大限制的数字怎么办?] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [0.1 + 0.2 === 0.3 嘛？为什么？怎么解决？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
- [JS 整数是怎么表示的？] 📺 Billbill视频 📚 掘金文稿 🐱 Github
