No2.5 前端面试题 1. 原型和原型链 2. new操作符具体做了什么 3. 继承 4. js的设计原理

1. 原型和原型链

1. 什么是原型,

• 原型:一个函数可以看成一个类,原型是所有类都有的一个属性,
• 原型作用: 就是给这个类的一个对象都添加一个统一的方法

1. 什么是原型链

• 原型链:每个对象都有一个__proto__,它指向它的prototype原型对象,它的prototype原型对象又有一个__proto__,指向它的prototype原型对象,就像这样层层向上直到最终找到顶级对象Object的prototype,这个查询路径就是原型链
• 原型链作用:实现继承,数据共享,节省内存空间

3. 原型的类别

• 显示原型:prototype,是每个函数function独有的属性
• 隐式原型:proto,是每个对象都具有的属性

2. new操作符具体做了什么

1. 创建空对象
2. 把空对象和构造函数通过原型链进行链接
3. 把构造函数的this绑定到新的空对象上
4. 根据构建函数返回的类型判断,如果是值类型,则返回对象,如果是引用类型,就返回这个引用类型

3. 继承

1. 原型链继承

• 让一个构造函数的原型是另一个类型的实例,则这个构造函数new出来的实例就具有这个实例的属性
• 优点:写法方便简单,容易理解
• 缺点:对象实例共享所有继承的属性和方法,无法向父类构造函数传参

1. 借用构造函数继承

• 在子类型构造函数的内部调用父类型构造函数;使用apply()或call()方法将父对象的构造函数绑定在子对象上
• 优点:解决了原型链继承不能传参的问题和父类的原型共享问题
• 缺点:方法都定义在了父类型构造函数内,子元素不可见,无法实现函数复用,导致所有类型都只能使用构造函数模式

1. 组合式继承
2. ES6的class类继承

4. js的设计原理

1. js引擎
2. 运行上下文
3. 调用栈
4. 事件循环
5. 回调