如何理解JavaScript的[数据][变量][内存][对象]

数据类型的分类和判断

• 基本(值)类型
  • Number ----- 任意数值 -------- typeof
  • String ----- 任意字符串 ------ typeof
  • Boolean ---- true/false ----- typeof
  • undefined --- undefined ----- typeof/===
  • null -------- null ---------- ===
• 对象(引用)类型
  • Object ----- typeof/instanceof
  • Array ------ instanceof
  • Function ---- typeof

数据,变量, 内存的理解

1. 什么是数据?

• 存储于内存中代表特定信息的'东东', 本质就是0101二进制
• 具有可读和可传递的基本特性
• 万物(一切)皆数据, 函数也是数据
• 程序中所有操作的目标: 数据
  • 算术运算
  • 逻辑运算
  • 赋值
  • 调用函数传参
  • 只有值传递, 没有引用传递, 传递的都是变量的值, 只是这个值可能是基本数据, 也可能是地址(引用)数据
  • 如果后一种看成是引用传递, 那就值传递和引用传递都可以有
    ...

2. 什么是内存?

• 内存条通电后产生的存储空间(临时的)
• 产生和死亡: 内存条(集成电路板)==>通电==>产生一定容量的存储空间==>存储各种数据==>断电==>内存全部消失
• 内存的空间是临时的, 而硬盘的空间是持久的
• 一块内存包含2个数据
  • 内部存储的数据(一般数据/地址数据)
  • 内存地址值数据
• 内存分类
  • 栈: 全局变量, 局部变量 (空间较小)
  • 堆: 对象 (空间较大)
  1. 内存生命周期
     1). 分配需要的内存
     2). 使用分配到的内存
     3). 不需要时将其释放/归还
• 释放内存
  • 为执行函数分配的栈空间内存: 函数执行完自动释放
  • 存储对象的堆空间内存: 当内存没有引用指向时, 对象成为垃圾对象, 垃圾回收器后面就会回收释放此内存

3. 什么是变量?

• 值可以变化的量, 由变量名与变量值组成
• 一个变量对应一块小内存, 变量名用来查找到内存, 变量值就是内存中保存的内容
• 2个引用变量指向同一个对象, 通过一个引用变量修改对象内部数据, 另一个引用变量也看得见
• 2个引用变量指向同一个对象,让一个引用变量指向另一个对象, 另一个引用变量还是指向原来的对象

4. 内存,数据, 变量三者之间的关系

• 内存是一个容器, 用来存储程序运行需要操作的数据
• 变量是内存的标识, 我们通过变量找到对应的内存, 进而操作(读/写)内存中的数据

对象的理解和使用

1. 什么是对象?

• 代表现实中的某个事物, 是该事物在编程中的抽象
• 多个数据的集合体(封装体)
• 用于保存多个数据的容器

2. 为什么要用对象?

• 便于对多个数据进行统一管理

3. 对象的组成

• 属性
  • 代表现实事物的状态数据
  • 由属性名和属性值组成
  • 属性名都是字符串类型, 属性值是任意类型
• 方法
  • 代表现实事物的行为数据
  • 是特别的属性==>属性值是函数

4. 如何访问对象内部数据?

• .属性名: 编码简单, 但有时不能用
• ['属性名']: 编码麻烦, 但通用

例子

  // 创建对象
  var p = {}

  /*情形一: 属性名不是合法的标识名*/
  /*需求: 添加一个属性: content-type: text/json */
  //  p.content-type = 'text/json' //不正确
  p['content-type'] = 'text/json'

/*情形二: 属性名不确定*/
  var prop = 'xxx'
  var value = 123
  // p.prop = value  //不正确
  p[prop] = value
  console.log(p['content-type'], p[prop])