Webpack是基于模块化打包的工具:

#Loader和Plugin的不同？

1.实现一个构造函数 Foo，构造函数里面实现一个属性 a，和一个方法 getA，属性 a 能够在构造函数被实例化的时候通过参数设置

1
2
3
4

function Foo (a){
    this.a = a;
}
Foo.prototype.getA = function(){return this.a };

2. 写一个构造函数 Bar 继承上面的 Foo, 并且它有一个方法 getB,能够获取到 Bar 实例对象的 b 属性

1
2
3
4
5
6
7

function Bar (a,b){
	Foo.call(this, a);
    this.b = b;
}
Bar.prototype = Object.create(Foo.prototype); //Object.create
Bar.prototype.constructor = Bar;
Bar.prototype.getB = function(){return this.b };

3. 讲一讲 new 的工作原理

new 做的三件事

1. 为实例添加私有属性；
2. 让实例可以访问到构造函数原型所在原型链上的属性；
3. 如果构造函数返回的不是引用类型，则返回自己创建的 obj;

1
2
3
4
5
6
7

function myNew (func,...arg) {
	let obj = {};
	let res = func.apply(obj,arg);
	Object.setProtoTypeof(obj,func.prototype); // Object.setPrototypeOf
	if ((typeof res == 'object'&& res!=null) || typeof res == 'function') return res;
    return obj;
}

4. 看代码说输出

1
2
3
4
5
6
7
8
9
10
11
12

var Item = {
  id: 1,
  getId: function() {
    return this.id;
  }
};

console.log(Item.getId()); // 1
var func = Item.getId; // 
console.log(func());//undefined
 //再提问：怎么不修改 Item，使调用 Item 能够输出Item.id
console.log(func.call(Item));

学习来源: 深入理解JS中的对象（三）：class 的工作原理 - forcheng - 博客园

学习方法: 在babelijc网站 利用ES6转ES5原码功能, 阅读class原码.

===和 ==区别

• ==， 两边值类型不同的时候，要先进行类型转换，再比较
• ===，不做类型转换，类型不同的一定不等。

==类型转换过程：

1. 如果类型不同，进行类型转换
2. 判断比较的是否是 null 或者是 undefined, 如果是, 返回 true .
3. 判断两者类型是否为 string 和 number, 如果是, 将字符串转换成 number
4. 判断其中一方是否为 boolean, 如果是, 将 boolean 转为 number 再进行判断
5. 判断其中一方是否为 object 且另一方为 string、number 或者 symbol , 如果是, 将 object 转为原始类型再进行判断

经典面试题：[] == ![] 为什么是true

转化步骤：

1. !运算符优先级最高，![]会被转为为false，因此表达式变成了：[] == false
2. 根据上面第(4)条规则，如果有一方是boolean，就把boolean转为number，因此表达式变成了：[] == 0
3. 根据上面第(5)条规则，把数组转为原始类型，调用数组的toString()方法，[]转为空字符串，因此表达式变成了：'' == 0
4. 根据上面第(3)条规则，两边数据类型为string和number，把空字符串转为0，因此表达式变成了：0 == 0
5. 两边数据类型相同，0==0为true

我吐了:

1
2

Number(null) //0
null == 0 //false

大厂面试题分享：如何让(a===1&&a===2&&a===3)的值为true?

1. 作用域

   全局作用域, 函数作用域, 块级作用域 与 var, let, const的关系

   (原理未知)

2. 变量提升

   预编译在做什么? Lexical Environment

   Let, const 与 Var在此过程的区别 Temporal Dead Zone

   函数声明方式预编译会被写入, class写法与let类似, uninitialized

   

3. 闭包为什么可以将变量驻留内存

   1. 执行环境(EC), 变量对象(VO), 活动对象(AO), 作用域链(SC), 标志符解析过程

4. JS内存, 栈空间, 堆空间. 引用回收, Mark&Sweep机制

   3. 闭包函数作用域链存在对父函数的活动对象的引用, 因此该AO没有被回收

   

一个我的错题: 变量提升

1
2
3
4
5
6
7
8
9

var salary = "1000$";

(function () {
    console.log("Original salary was " + salary);//尽管此时全局作用域中存在salary, 但是自身作用域中存在 salary:undefined优先访问

    var salary = "5000$";

    console.log("My New Salary " + salary);
})();

输出结果为:

1
2

Original salary was undefined
My New Salary 5000$

基础数据类型

数字（number）、字符串（string）、布尔值（boolean）、undefined、null、对象（Object）。 后面新增: symbol, bigint

精华课程, 下饭必备!

js new一个对象 做了什么事? & js继承怎么实现的?

MDN继承与原型链

js闭包是干什么用的 作用

来源 阮老师的博客

B站视频-结合上下文, 作用域链的理解