你想了解的《javaScript语言精粹》(三)

# 第三章 对象

 

- javaScript 数据类型

    1. 基础数据类型

        Number String Boolean Undefined Null Symbol(es6新增，表示独一无二的值)

        值不可变

        数据存储在栈(stack)区，占据空间小，大小固定，被频繁使用

    2. 引用数据类型

        Object Function Array 

        值是可变的

        同时保存在栈内存和堆内存，占据空间大，大小不固定，存储在堆内存，指向该引用数据类型的变量指针储存在栈内存

 

- 检验数据类型

    1. typeof

        (1) 返回一个表示数据类型的字符串  

            number boolean string symbol object undefined function

        (2) 不能判断array 和 null

        (3) 缺点 

            除 function 以外的对象都会被识别成 object

            解决方法 使用 instanceof 进行判断

    2. instanceof 

        (1) 检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上，即判断 A 是否是 B 的实例，若是，返回 true，否则返回 false

        A (object) instanceof B (constructor)

        (2) 缺点

            - 是否处于原型链上的判断方法不严谨

            - 无法判断字面量方式创建的基本数据类型

            - 无法检测 null 和 undefined

    3. constructor

        (1) 与 instanceof 相似，但检测 object 与 instanceof 不一样

        (2) 可以处理基本数据类型的检验

        (3) 缺点

            - 无法检验 null 和 undefined

            - 不稳定 在把类的原型进行重写过程中，可以会出现把之前的 constructor 给覆盖了，使得检验结果不准确

    4. object.prototype.toString.call()  最标准最常用(MDN)

 

- 对象

    数组、函数、正则表达式都是对象

    属性的容器

    属性  key: value

    无类别(class-free) 用于收集和管理数据

    可以包含其他对象

    允许继承另一对象的属性  可减少对象初始化的时间和内存消耗

 

- 3.1 对象字面量

    1. 定义  {} 中包含 0 或 多个 键值对(名/值)

    2. 属性名 标识符且不是保留字可不用引号括住属性名

        var stooge = {

            "first-name": 'Jerome', // 必须用引号括住

            "last-name": 'Howard'

        }

    3. 对象可嵌套

        var flight = {

            airline: "Oceanic",

            number: 815,

            departure: {

                IATA: "SYD",

                time: "2020-10-13 14:55",

                city: "Sydney"

            }

            arrival: {

                IATA: "LAX",

                time: "2020-10-14 10:42",

                city: "Los Angeles"

            }

        }

 

- 3.2 检索

    1. 检索对象中包含的值的方式  有引号的用 ["属性名"] 检索，没有的则用 "." 检索

        stooge["first-name"] 

        flight.departure.IATA

    2. 检索不存在的成员元素的值，返回undefined 

       检索undefined值会导致 typeError 异常   通过 && 运算符避免错误

        flight.equipment                             // undefined

        flight.equipment.model                       // throw "TypeError"

        flight.equipment && flight.equipment.model   // undefined

    3. || 运算符填充默认值

        var status = flight.status || "unknown"

        var middle = stooge["middle-name"] || "(none)"

 

- 3.3 更新

    对象中的值通过赋值语句更新

    若属性名存在    属性值被替换

    若属性名不存在  属性被扩展

 

- 3.4 引用

    对象通过引用传递，但不会被拷贝

 

- 3.5 原型

    每个对象都连接一个原型对象，并可从中继承属性

    对象字面量创建的对象都连接到 object.prototype (javaScript 标准的对象)

    object.beget() 创建一个使用原对象作为其原型的新对象

    原型连接更新时不起作用，检索值时才被使用

 

- 3.6 反射

    处理不需要的属性的方法：

        1. 程序检查并剔除函数值 (反射的目标是数据)

        2. object.hasOwnProperty() 对象拥有都有的属性，返回 boolean

            该方法不会检查原型链

            flight.hasOwnProperty('number')       // true

            flight.hasOwnProperty('constructor')  // false

 

- 3.7 枚举

    for in 语句  用来遍历一个对象中的所有属性名

 

- 3.8 删除

    (1) delete 运算符 删除对象的属性，不会触及原型链中对象

    (2) 删除对象的属性 可能浮现原型链的属性

        another_stooge.nickname  // 'Moe'

        // 删除 another_stooge 的 nickname 属性，暴露出原型的 nickname 属性

        delete another_stooge.nickname

        another_stooge.nickname  // 'Curly'

 

- 3.9 减少全局变量污染

    javaScript 易保存定义的所有应用资源的全局变量

    全局变量 削弱程序的灵活性

    1. 只创建唯一一个全局变量，并定义该变量为当前应用容器，把其他全局变量追加在该命名空间下

        var MYAPP = {}

        MYAPP.stooge = {

            "first-name": 'Jerome', 

            "last-name": 'Howard'

        }

        MYAPP.flight = {

            airline: "Oceanic",

            number: 815,

            departure: {

                IATA: "SYD",

                time: "2020-10-13 14:55",

                city: "Sydney"

            }

            arrival: {

                IATA: "LAX",

                time: "2020-10-14 10:42",

                city: "Los Angeles"

            }

        }

    2. 使用闭包将信息隐藏起来

    

## 本章难点(解答见其他文章)

    1. javaScript 的数据类型和数据类型检验

    2. 原型与原型链

    3. 减少全局变量污染方法

    4. 闭包