你不知道的js（上卷）第8章对象

对象是JavaScript的基础，JavaScript六大类型：string、number、boolean、null、undefined、object。
前5类本身并不是对象。

有时候typeof null会返回"object"，这属于语言本身的一个bug。

      JavaScript有许多内置好的object子类：String、Number、Boolean、Object、Function、Array、Date、RegExp、Error
      这些内置类看起来很像其它语言中的type或class
      但在JavaScript中，它们实际上只是一些内置函数，用new操作符调用它们会得到一个新的该类对象。

像string这样的基本类型不是一个对象，只是一个字面量，但仍然可以对它使用length、charAt等属性和方法，这是因为JavaScript会在需要的时候自动把字符串字面量转换成一个String对象。

对象的“内容”

对象的“内容”并不一定真的保存在对象容器内部，实际上，对象容器内部保存的东西只是引用（相当于指针）。

      在对象中，属性名永远是字符串，即使你用obj[2]这样的写法访问属性，实际上它还是会被转成字符串。
      obj[true] 等同于 obj['true']
      obj[3] 等同于 obj['3']
      不要把对象属性和数组下标搞混。

属性和方法

在别的语言中，属于类的函数被称为“方法”。但对于JavaScript来说，函数不“属于”一个对象，对象只是可以保存对函数的引用。

数组

      数组比起普通对象，有一套更结构化的值存储机制，数组期望的是数值下标（也就是索引得是非负整数）。但由于数组也是对象，所以仍然可以添加命名属性。
      对数组添加一个可以转化为非负整数的属性（比如'4'或者4），会修改数组的内容，而不是单纯添加一个属性。
      JavaScript的数组和普通对象，都根据其对应的行为和用途进行了优化，所以用它们干该干的事情是效率最佳的，不推荐随意混用。

复制对象

      JavaScript中对象的复制是个大问题。
      浅复制：只拷贝对象的属性，如果属性是引用，就复制引用。所以不能深层复制。
      深复制：如果属性是引用，还会继续复制引用的属性。但是如果出现循环引用，就会导致死循环。
      JSON复制：对于JSON安全的对象来说，把对象序列化成JSON串再解析成新对象即可，但是并不是所有对象都是JSON安全的。

JavaScript内置了Object.assign方法就是浅复制。
Object.assign使用=操作符来赋值，所以源对象属性的一些特性（如writable）不会被复制到目标对象。

属性描述符

      从ES5开始，对象属性具备了属性描述符。
      每个属性有3个属性描述符，writable（可写）、enumerable（可枚举）、configurable（可配置）
      Object.defineProperty可以用来添加属性，或修改已有属性的描述符（如果这个属性的configurable为true的话）。

不变性

ES5中各种使属性或对象不可改变的方法，都是浅不变性，不能使目标对象引用的对象内容也不可变。
在JavaScript中很少需要深不可变性，根据通用的设计模式，如果发现自己的程序需要密封或者冻结所有的对象，可能是程序逻辑的设计不太合理。

下面罗列ES5中各种使属性或对象不可改变的方法：
1.对象常量：属性描述符writable和configurable设为false，该属性就变成了常量属性，不可修改、重定义或删除。
2.禁止扩展：Object.preventExtensions方法，可使对象不能再添加新属性。
3.密封：Object.seal方法，在preventExtensions方法基础上，把现有属性标记为configurable:false。密封之后，对象不能添加新属性，也不能删除/配置现有属性。
4.冻结：Object.freeze方法，在seal的基础上，把现有属性标记为writable:false

属性访问

在JavaScript中当我们访问对象的属性，像这样：obj.a。
此时，JavaScript内部实际上是对obj对象进行[[get]]操作。

[[get]]操作首先在对象中查找是否有名称相同的属性，找到的话就会返回这个属性的值。
如果在对象中没有找到名称相同的属性，[[get]]会在对象的原型链上，一级一级往上找，直到找到名称符合的属性位置。
如果查遍了对象的原型链，仍没有找到该属性，[[get]]操作会返回undefined。

所以在对象上访问属性跟在作用域中查找变量，是有本质上的区别的。查找变量如果一层层查上去找不到，会抛出Reference Error。

      对象有[[get]]操作，还有对应的[[put]]操作。
      作者在这里没有详细介绍[[put]]，只说如果查找发现对象中已经存在这个属性，则：
      1.检查属性是不是访问描述符，如果是并且存在setter就调用setter
      2.属性不是访问描述符，检查它的writable是否为false，如果是，就抛出异常（严格模式）或静默失败（非严格模式）
      3.属性不是访问描述符，且writable为true，将改值设为属性的值。

      对象默认的[[put]]和[[get]]分别控制属性值的写和读。
      另外ES5中可以设置单个属性的getter和setter，会在读写该属性值时被调用。
      当一个对象属性有了getter或setter或两者都有时，这个属性就被称为“访问描述符”，JavaScript会忽略访问描述符的value和writable特性，转而关心它的set和get特性。

检查属性是否存在

      in操作符可检查属性是否在对象及其原型链上。
      hasOwnProperty会检查属性是否在对象中（不检查原型链）。
      普通对象都可以使用hasOwnProperty方法，但有的对象如果没有连接到Object.prototype上（比如用Object.create(null))创建的对象就不能调用hasOwnProperty方法了。
      此时可以用Object.prototype.hasOwnProperty(obj)这样的写法来

可枚举性

      可枚举性=可以出现在对象属性的遍历中
      Object.propertyIsEnumerable方法会检查给定的属性名是否直接存在于对象中（而不是在原型链上）并且满足enumerable:true。
      Object.keys(..)会返回一个数组，包含所有可枚举属性。
      Object.getOwnPropertyNames(..)会返回一个数组，包含所有属性，无论它们是否可枚举。

遍历

ES5提供了一些数组的辅助迭代器，包括forEach、every、some。

for..in可以遍历对象中的所有可枚举属性。
ES6还提供了for..of，直接遍历数组的值（如果对象本身定义了迭代器的话for..of也可以遍历对象）。
示例如下：

for (var v of arr) {
  console.log(v)
}

普通的对象没有内置的迭代器，所以无法自动完成for..of遍历。
但你可以给任何想遍历的对象定义迭代器。

自定义迭代器示例代码：

var obj = {a: 2, b:3}
Object.defineProperty(obj, Symbol.iterator, {
    enumerable: false,
    writable: false,
    configurable: true,
    value: function() {
        var o = this
        var idx = 0
        var ks = Object.keys(o)
        return {
            next: function() {
                value: o[ks[idx++]],
                done: (idx > ks.length)
            }
        }
    }
})

// 手动遍历obj
var it = obj[Symbol.iterator]()
it.next() // {value:2, done:false}
it.next() // {value:3, done:false}
it.next() // {value:undefined, done:true}

// 用for..of遍历obj
for (var v of obj) {
    console.log(v)
}
// 2
// 3

对于用户定义的对象来说，结合for..of循环和自定义迭代器可以组成非常强大的对象操作工具。

你不知道的js（上卷） 第8章 对象