# 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. 闭包

你想了解的《javaScript语言精粹》(三)的更多相关文章

  1. 《JavaScript语言精粹》小记

    一.前言 以下内容均摘自<JavaScript语言精粹>一书,本人在读这本书时,发现作者诠释JavaScript很犀利,特别是数组部分,固记录下来,想和大家分享下. 随笔主要包含两大部分: ...

  2. 《JavaScript语言精粹》之函数化

    写在前面 看到好多书评和读书笔记都说<JavaScript语言精粹>字字珠玑,名不虚传..当然,要看得懂才行 其实个人认为函数化部分不是很好,举的例子不是十分恰当,之前看不懂是因为被成功误 ...

  3. 《JavaScript语言精粹》学习笔记

    一.in的用法 for...in 枚举一个对象的所有可枚举属性 检测DOM/BOM属性 if ("onclick" in elem) { // 元素支持onclick } if ( ...

  4. Javascript 语言精粹 代码片段合集

    Javascript 语言精粹 代码片段合集 标签:Douglas-Crockford Javascript 最佳实践 原文链接 更好的阅读体验 使用一个method 方法定义新方法 Function ...

  5. 读《JavaScript语言精粹》的一些感言

    最近看了<JavaScript语言精粹>,并且连着看了两遍,如果非要用言语形容的话,那我只能用4个字来形容:相见恨晚.其中的一些经验经过这么多年的摸索其实也了然,但是作者用这么浅薄的书把有 ...

  6. Javascript语言精粹之String常用方法分析

    Javascript语言精粹之String常用方法分析 1. String常用方法分析 1.1 String.prototype.slice() slice(start,end)方法复制string的 ...

  7. Javascript语言精粹之Array常用方法分析

    Javascript语言精粹之Array常用方法分析 1.Array常用方法分析 1.1 Array.prototype.sort() Javascript的默认比较函数假定被排序元素都是字符串,所以 ...

  8. javascript语言精粹mindmap

    javascript语言精粹mindmap 最近刚刚读完<javascript语言精粹>,感觉其中的内容确实给用js作开发语言的童鞋们提了个醒——js里面坑很多啊 不过,我也并不完全认同书 ...

  9. 读阮一峰对《javascript语言精粹》的笔记,我有疑问。

    <javascript语言精粹>是一本很棒的书籍,其中作者在附录列出了12种他所认为的javascript语言中的糟粕. 我最近开始跟读前端前辈的博客,其中读到了阮一峰的<12种不宜 ...

随机推荐

  1. 4.FFMPEG-AVFrame

    在ffmpeg中,解码前的数据结构体为AVPacket(参考:3.AVPacket使用),而解码后的数据为AVFrame(视频的YUV, RGB, 音频的PCM,数据量更大) 1.AVFrame介绍 ...

  2. jenkins iOS自动打包

    1.Jenkins配置 采用命令行下载配置Jenkins,防止产生权限问题 1)先安装brew,打开命令行,输入:/usr/bin/ruby -e "$(curl -fsSL https:/ ...

  3. elasticsearch跨集群数据迁移

    写这篇文章,主要是目前公司要把ES从2.4.1升级到最新版本7.8,不过现在是7.9了,官方的文档:https://www.elastic.co/guide/en/elasticsearch/refe ...

  4. White Bird(AOJ 2308)

    原题如下: Angry Birds is a mobile game of a big craze all over the world. You were convinced that it was ...

  5. JS -- JavaScript简介

    JavaScript是一种属于网络的高级脚本语言(解释性脚本语言),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果. 一.如何插入JS代码? 使用&l ...

  6. get、post请求方式在postman中使用步骤

    1.get请求方式:不需要借助任何工具,在浏览器里面就可以发送请求,直接在浏览器里面输入访问      url?参数名=参数值  url?parma=abc&name=abcd 2.post请 ...

  7. [LeetCode]603. 连续空余座位(Mysql、自连接)

    题目 几个朋友来到电影院的售票处,准备预约连续空余座位. 你能利用表 cinema ,帮他们写一个查询语句,获取所有空余座位,并将它们按照 seat_id 排序后返回吗? | seat_id | fr ...

  8. java序列化与反序列化总结

    很多商业项目用到数据库.内存映射文件和普通文件来完成项目中的序列化处理的需求,但是这些方法很少会依靠于Java序列化.本文也不是用来解释序列化的,而是一起来看看面试中有关序列化的问题,这些问题你很有可 ...

  9. php第四天-字符串

    0x01 字符串 1.1 字符串的处理方式 在不同的语言中,字符串的处理方式不同:在C中字符串是作为字节数组处理的:在Java中字符串是作为对象处理的:而在php中则把字符串作为基本数据类型来处理. ...

  10. Oracle学习(五)DBLINK

    一.DBLINK学习 目的:为了解决跨库访问的需求. 场景如下:tnsnames.ora(oracle的库配置文件)下配置了2个库的环境地址,现在要实现跨库访问. PS:DBLINK和是否同一个主机无 ...