webpack 面试

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

#Loader和Plugin的不同?

字节DCD网络面经

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

令人生气的==

=====区别

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

==类型转换过程:

  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?

日刷JS(2) 作用域相关

日刷JS(2) 作用域相关

  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机制

    1. 闭包函数作用域链存在对父函数的活动对象的引用, 因此该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$
日刷JS(1) 基础数据类型

日刷JS(1) 基础数据类型

基础数据类型

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

阅读更多

LC_training(3)

  1. quickSort 会写递归版本, partition不开新空间. nlogn, logn(只考虑算法运行空间,但是n个元素必然需要n的空间)

  2. mergeSort 会写递归版本, merge需要新空间, nlogn, n+logn;

  3. mergeSort 会写迭代版本, merge需要新空间, nlogn, n;

阅读更多