学习记录 - 简书

根据【合格】前端工程师自检清单开始进行知识排查和巩固-链接

2020.6.27 今日任务 - JS基础篇

变量和类型
1.1 规定了几个语言类型
基础类型： Number, String, Boolean, null, undefined, Symbol(新增), BigInt
引用类型：Object
Number：检查是否大小于+-Infinity，可使用常量Number.MAX_VALUE和Number.MIN_VALUE
双精度浮点数取值范围Number.MIN_SAFE_INTEGER和Number.MAX_SAFE_INTEGER
BigInt可以用任意精度表示整数。目的是为了安全地存储和操作大整数，甚至可以超过数字的安全整数限制。

通过整数后加n或调用BigInt函数创建。
const bigNum1 = 123n          // 123n
const bigNum2 = BigInt(456)   // 456n

1.2 JavaScript对象的底层数据结构是什么
Hash表结构
hash表也就是根据键能访问到对应存储空间的地址
hash碰撞：不同键值访问到相同hash地址，处理方法-开放定址法，拉链法
1.3 Symbol了在实际开发中的应用并实现
Symbol特点独一无二
常见用法：作用对象属性，定义类的私有属性，创建共享symbol
(实现)
1.4 JavaScript中的变量在内存中的具体存储形式

基础类型使用栈存储；基础类型赋值会从新创建一个基础值。
引用类型使用堆存储；栈中只是存储该对象的在堆中的地址。引用类型赋值只是把堆地址赋给新的变量。
1.5 理解值类型和引用类型
区别：
基本类型的值是一经确定就不可变的，基本类型的比较是值的比较，基本类型的变量是存放在栈区的
引用类型的值是可变的（可以为引用类型添加属性和方法，也可以删除其属性和方法），引用类型的值是同时保存在栈内存和堆内存中的对象
栈区内存保存变量标识符和指向堆内存中该对象的指针，也可以说是该对象在堆内存的地址。
1.6 null和undefined的区别？
undefined 是 Undefined 类型的值，表示未定义。任何变量在赋值前都是 Undefined 类型，值为 undefined 。由于undefined 只是全局作用域下的一个属性（变量），并非关键字。undefined 属性的属性特性
Null 类型也只有一个值，就是 null，它的语义表示空值，与 undefined 不同，null 是 JavaScript 关键字，所以在任何代码中，你都可以放心用 null 关键字来获取 null 值。
1.7 至少可以说出三种判断JavaScript数据类型的方式，以及他们的优缺点，如何准确的判断数组类型

方法	优点	缺点
typeof	简单，对基础类型检测新能好。	只能校验基础类型，而且typeof null === 'object' （JS 设计初的bug）
Object.prototype.toString.call	所有类型都能检测	写起来比较繁琐，性能不如 typeof 好；
instanceof	能检测出引用类型	不能检测出基础类型
constructor	基本能检测所有的类型（除了null和undefined）	constructor易被修改,不可靠

https://github.com/mqyqingfeng/Blog/issues/28

1.8 基本类型对应的内置对象，以及他们之间的装箱拆箱操作

装箱转换
每一种基本类型 Number、String、Boolean、Symbol 在对象中都有对应的类(null, undefined 除外)，所谓装箱转换，正是把基本类型转换为对应的对象，它是类型转换中一种相当重要的种类。

注意：

装箱机制会频繁产生临时对象，在一些对性能要求较高的场景下，我们应该尽量避免对基本类型做装箱转换。
Symbol 是不能直接使用 new 操作符调用的。不过我们可以装箱机制得到一个 Symbol 对象。
每一类装箱对象皆有私有的 Class 属性，这些属性可以用 Object.prototype.toString 获取.

    var symbolObject = (function(){ return this; }).call(Symbol("a"));

    console.log(typeof symbolObject); //object
    console.log(symbolObject instanceof Symbol); //true
    console.log(symbolObject.constructor == Symbol); //true

    // ==== 也可以使用 Object 函数显示调用装箱能力；
    var symbolObject = Object(Symbol("a"));

    console.log(Object.prototype.toString.call(symbolObject)); //[object Symbol]

拆箱转换
在 JavaScript 标准中，规定了 ToPrimitive 函数，它是对象类型到基本类型的转换（即，拆箱转换）。

对象到 String 和 Number 的转换都遵循“先拆箱再转换”的规则。通过拆箱转换，把对象变成基本类型，再从基本类型转换为对应的 String 或者 Number。

拆箱转换会尝试调用 valueOf 和 toString 来获得拆箱后的基本类型。如果 valueOf 和 toString 都不存在，或者没有返回基本类型，则会产生类型错误 TypeError。

String 类型会优先调用 toString ;

在 ES6 之后，还允许对象通过显式指定 @@toPrimitive Symbol 来覆盖原有的行为。

    var o = {
        valueOf : () => {console.log("valueOf"); return {}},
        toString : () => {console.log("toString"); return {}}
    }

    o * 2
    // valueOf
    // toString
    // TypeError

    String(o)
    // toString 
    // valueOf 
    // TypeError

    o[Symbol.toPrimitive] = () => {console.log("toPrimitive"); return "hello"} console.log(o + "") // t

1.9 可能发生隐式类型转换的场景以及转换原则，应如何避免或巧妙应用
编码时应尽可能地将类型转换表达清楚，以免给别人留坑。类型转换越清晰，代码可读性越高，更容易理解。

运算符 - * / 强制将其他类型转化为数字类型
== 宽松 (loose equals ) 类型转换(ps: 不建议使用，规则真心有点复杂，感兴趣可以去看下《你不知道的JavaScript 中卷》 1.4章)

隐式强制类型转换为布尔值

if(...)语句中的条件判断表达式
for(...;...;...)语句中的条件判断表达式(第二个)
while(...) 和 do...while(...) 循环中的条件判断表达式
?: 中的条件判断表达式
逻辑运算符 || 和 && 左边的操作数

类型	Null	Undefined	Boolean(true)	Boolean(false)	Number	String	Symbol	Object
Boolean	false	false	-	-	[0, NaN] - false true	''-false true	true	true
Number	0	NaN	1	0	-	StringToNumber		拆箱操作
String	'null'	'undefined'	'true'	'false'	NumberToString	-	TypeError	拆箱操作
Object	TypeError	TypeError	装箱操作	装箱操作	装箱操作	装箱操作	装箱操作	-

1.10 出现小数精度丢失的原因，JavaScript可以存储的最大数字、最大安全数字，JavaScript处理大数字的方法、避免精度丢失的方法
https://github.com/camsong/blog/issues/9

https://github.com/mqyqingfeng/Blog