学习记录

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

2020.6.27 今日任务 - JS基础篇

  1. 变量和类型
    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

你可能感兴趣的:(学习记录)