JS 基础

基本类型和对象类型

基本类型(原始类型)有哪几种？null 是对象吗？基本数据类型和复杂数据类型（Object）存储有什么区别？

原始类型有 7 种，分别是boolean, null, undefined, number, bigint, string, symbol
原始类型存储的都是值，是没有函数可以调用的
'1'.toString() 这样的情况，'1' 已经不是原始的string类型了，而是被强制转换成了 String 类型，也就是对象类型
基本数据类型存储在栈内存，存储的是值
复杂数据类型的值存储在堆内存，地址（指向堆中的值）存储在栈内存。当我们把对象赋值给另外一个变量的时候，复制的是地址，指向同一块内存空间，当其中一个对象改变时，另一个对象也会变化

两个坑：

number 类型是浮点类型的，在使用中会遇到某些 Bug，比如 0.1 + 0.2 !== 0.3。string 类型是不可变的，无论你在 string 类型上调用何种方法，都不会对值有改变
虽然 typeof null 返回的值是 object，但是 null 不是对象，而是基本数据类型的一种。这是一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象，然而 null 表示为全零，所以将它错误的判断为 object

JavaScript 中Number.MAX_SAFE_INTEGER表示最大安全数字,计算结果是 9007199254740991，即在这个数范围内不会出现精度丢失（小数除外）。

但是一旦超过这个范围，js 就会出现计算不准确的情况，这在大数计算的时候不得不依靠一些第三方库进行解决，因此官方提出了 BigInt 来解决此问题。

typeof instanceof

typeof 能否正确判断类型? instanceof 呢？ instanceof 的实现原理是什么？

typeof 能正确判断基本数据类型，除了 null（null 输出 object，这是一个 bug）
对于对象来说，

for...of , for...in, forEach, map 的区别

for...of 有 iterator 接口，就可以用 for of 遍历他的成员（属性值）。

https://juejin.im/post/5cab0c45f265da2513734390#heading-0

== 和 === 有什么区别？

=== 不需要进行类型转换，只有类型相同并且值相等时，才返回 true
== 如果两者类型不同，首先需要进行类型转换。具体流程如下

首先判断两者类型是否相同，如果相同，判断值是否相等
如果类型不同，进行类型转换
判断比较的是否是 null 或者是 undefined, 如果是, 返回 true

如何进行尾递归优化？

function factorial(n) {
  if (n === 1) {
    return n
  }

  return n * factorial(n - 1) // 重点在尾部调用返回
}

console.log(factorial(5)) // 120

function factorial(n, total = 1) {
  if (n === 1) {
    return total
  }

  return factorial(n - 1, total * n) // 重点在尾部调用返回
}

console.log(factorial(5)) // 120

箭头函数相比普通函数的区别

参考

第一，箭头函数更简洁；第二，没有自己的 this，他的 this 指向在定义时所处的外层上下文，并且永远不会变，即使是 call,apply,bind 也是无效的，但不会报错；第三，没有自己的 auguments 对象，arguments 指向的也是外层上下文的 auguments，如果是全局，则为 undefined；第四，没有原型对象 prototype；第五，不能用作 Generator 函数。

1.箭头函数更简洁清晰

2.箭头函数不会创建自己的this，所以它没有自己的this，它只会从自己的作用域链的上一层继承this

箭头函数没有自己的 this，它会捕获自己在**定义时（注意，是定义时，不是调用时）**所处的外层执行环境的 this，并继承这个 this 值。所以，箭头函数中 this 的指向在它被定义的时候就已经确定了，之后永远不会改变。

var id = 'Global'
function fun1() {
  setTimeout(function() {
    console.log(this.id)
  }, 2000)
}
function fun2() {
  setTimeout(() => {
    console.log(this.id)
  }, 2000)
}
fun1.call({ id: 'Obj' }) // 'Global'
fun2.call({ id: 'Obj' }) // 'Obj'

3.箭头函数继承而来的 this 指向永远不变

上面的例子，就完全可以说明箭头函数继承而来的this指向永远不变。对象obj的方法b是使用箭头函数定义的，这个函数中的this就永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，this依旧指向Window对象。

4.call()/apply()/bind() 无法改变箭头函数中 this 的指向

.call()/.apply()/.bind()方法可以用来动态修改函数执行时this的指向，但由于箭头函数的this定义时就已经确定且永远不会改变。所以使用这些方法永远也改变不了箭头函数this的指向，虽然这么做代码不会报错。

5.箭头函数不能作为构造函数使用

构造函数 new 做了什么？

① JS 内部首先会先生成一个对象； ② 再把函数中的 this 指向该对象； ③ 然后执行构造函数中的语句； ④ 最终返回该对象实例。

但还是由于箭头函数没有自己的 this 的特性，所以无法作为构造函数来使用。

6.箭头函数没有自己的 arguments

箭头函数没有自己的arguments对象。在箭头函数中访问arguments实际上获得的是外层局部（函数）执行环境中的值。当然如果外层 OR 全局没有 arguments 的话，就报错。

折叠代码块

 
// 例子一
let fun = (val) => {
    console.log(val);   // 111
    // 下面一行会报错
    // Uncaught ReferenceError: arguments is not defined
    // 因为外层全局环境没有arguments对象
    console.log(arguments); 
};
fun(111);
// 例子二
function outer(val1, val2) {
    let argOut = arguments;
    console.log(argOut);    // ①
    let fun = () => {
        let argIn = arguments;
        console.log(argIn);     // ②
        console.log(argOut === argIn);  // ③
    };
    fun();
}
outer(111, 222);

7、箭头函数没有原型 prototype

8、箭头函数不能用作 Generator 函数，不能使用 yeild 关键字

ES6 Module 和 Commonjs 的区别

ES6 Module 的特点(对比 CommonJS)
CommonJS 模块是运行时加载，ES6 Module 是编译时输出接口；
CommonJS 加载的是整个模块，将所有的接口全部加载进来，ES6 Module 可以单独加载其中的某个接口；
CommonJS 输出是值的拷贝，ES6 Module 输出的是值的引用，被输出模块的内部的改变会影响引用的改变；
CommonJS this指向当前模块，ES6 Module 默认开启严格模式 this指向undefined;

什么是函数式编程？

纯函数
- 返回一个新的值，没有副作用，不会偷偷修改其他值
- 重点：不可变值
- 输入和返回的值的类型相同，接口相同
curry 化

← JavaScript 异步编程原理异步—手写 async_await →

# JS 基础

# 基本类型和对象类型

#

# typeof instanceof

# for...of , for...in, forEach, map 的区别

# == 和 === 有什么区别？

# 如何进行尾递归优化？

# 箭头函数相比普通函数的区别

# ES6 Module 和 Commonjs 的区别

# ES6 Module 的特点(对比 CommonJS)

# 什么是函数式编程？