[面经之外的红宝书]对象

• Day1;红宝书P209-238

春招告一段落,相比于面经总结的浓缩知识点,js红宝书中的一些细节也值得了解.知识点的选取非常的偏向个人主观,筛选要点就两个:别人面经提过就不写了,自己要觉得有意义.

8 对象、类与面向对象编程

8.1 对象

1. Mixin
   1. Object.assign()非原子性，中途出错不会撤销前面的赋值
   2. 在赋值的时候是调用原元素/目标元素的get/set方法，因此不是转移get/set方法本身
   3. 执行的是浅拷贝，意味着转移的是对于对象的引用
2. 使用Object.is()避免===中对于正负0（+0 is 0，-0 isnot 0），以及NaN的判断(以前需要使用isNaN()判断NaN)
3. 解构
   1. 解构调用内部的ToObject()将元素转为对象,例如字面字符串等
   2. 解构中间出错也不会撤回前面的赋值
4. 构造函数与原型
   1. 构造函数(new)不一定要声明,赋值也可以
   2. 三种调用构造函数方式的影响
      1. 构造函数(new):返回新对象
      2. 作为函数调用(func()):将this作为window,也就是设置全局属性
      3. 使用call/apply/bind调用:将属性设置在目标对象上
   3. 为什么共有函数最好放在prototype上

   如果要对每个属性值为对象的(this.onclick=()=>{})对象进行创建,在new的步骤里会创建新的函数,因此会出现a.onclick!=b.onclick的情况,出现浪费资源的情况.但是如果将其放到全局作用域,虽然只有一个函数,但是就脱离了对象作用域,造成混乱,因此就要给构造函数创建一个prototype属性用于保存共有属性.缺点:对于数组,就不想要共享了,否则在实例a上的修改会牵连实例b

   1. 用Object.create()的性能比用Object.setprototypeOf()更好,因为修改继承关系会影响链条上一系列的对象.
   2. 用property in Object判断属性能否访问的到,用hasOwnProperty判断属性是否自身的,竟然还有个hasPrototypeProperty()来判断属性是否是原型上的.
   3. 在属性的枚举中,for-in循环和Object.keys()顺序不确定,取决于引擎实现,getOwn\[PropertyNames|Symbols\]()顺序确定:先升序枚举数值键,再按插入顺序枚举字符串键,再按插入顺序枚举Symbol键.
   4. 如果使用设置ConstructFunc.prototype={prop1:val1,...}的方式来原型,最好紧接着一个Object.defineProperty(ConstructFunc.prototype,'constructor',{value:ConstructFunc[,writable:true],enumerable:false[,configurable:true]}),目的是可以用实例的constructor属性来判断构造函数,并且不会被枚举出来.
   5. 由于实例保存的是对于prototype的引用,因此如果是使用7的方法把原型换成新的对象,之前的实例不会被更新.
   6. 为什么通常使用原生引用类型的构造函数的原型来使用对象方法(Array.prototype.sort)

   因为实例的属性容易被修改

5. Object.values/entries枚举时是浅复制,并且忽略Symbol键