JS对象

第七种数据类型，唯一一种复杂类型

变量声明

变量声明指定值时同时也指定了类型，但是值和类型都可以随意变化

三种声明方式：

var a = 1

let a = 1

const a = 1

区别：

var是过时的、不好用的方式

let是新的，更合理的方式

const是声明时必须赋值，且不能更改的方式

var变量提升：

有兴趣可以看看JavaScript 的基本语法 - JavaScript 教程 - 网道 (wangdoc.com)

1.let声明

规则：

遵循块作用域，即使用范围不能超出{}

不能重复声明

可以赋值，也可以不赋值

必须先声明再使用，否则报错

全局声明的let变量，不会成为window的属性

for循环配合let有奇效

2.const声明

规则：

跟let几乎一样

只有一条不一样：声明时就要赋值，赋值后不能改

对象

定义

无序的数据集合
键值对的集合（'name': 'frank'，其中name是健，frank是值）

写法

let obj = {'name': 'frank', 'age': 18}
let obj = new Object({'name': 'frank'})
console.log({'name': 'frank', 'age': 18}) //匿名对象

细节

键名是字符串，不是标识符，可以包含任意字符
引号可省略，省略之后就只能写标识符或纯数字
就算引号省略了，键名也还是字符串（重要）

属性名

每个key（键）都是对象的属性名（property）

所有属性名都会变成字符串

let obj = {
  1: 'a',
  3.2: 'b',
  1e2: true,
  1e-2: true,
  .234: true,
  0xFF: true
};
Object.keys(obj)//可以得到obj的所有keys
//["1", "100", "255", "3.2", "0.01", "0.234"]

如何用变量做属性名？

let p1 = 'name'

let obj = { p1 : 'frank'} //这样写，属性名为 'p1'

let obj = { [p1] : 'frank' } //这样写，属性名为 'name'

不加[]的属性名会自动变成字符串，加了[]则会当作变量求值，值如果不是字符串，则会自动变成字符串

属性值

每个value都是对象的属性值

隐藏属性

JS中每一个对象都有一个隐藏属性

这个隐藏属性存储着其共有属性组成的对象的地址

这个共有属性组成的对象叫做原型

也就是说，隐藏属性存储着原型的地址

额外补充

除了字符串，symbol也能做属性名

let a = Symbol()
let obj = {[a]: 'hello'}

在学习【迭代】时会用到

原型

原型里存着对象的共有属性

比如obj的原型就是一个对象，obj.__proto__存着这个对象的地址，这个对象里有toString/constructor/valueOf等属性。

对象的原型也是对象，所以对象的原型也有原型。

obj = {}的原型即为所有对象的原型，这个原型包含所有对象的共有属性，是对象的根。这个原型也有原型，是null。

对象的增删改查

1.删除属性

使用delete obj.xxx或delete obj['xxx']

即可删除obj的xxx属性

需要区分【属性值为undefined】和【不含属性名】

不含属性名：'xxx' in obj === false

含有属性名，但值为undefined：'xxx' in obj && obj.xxx === undefined

2.查看所有属性（读属性）

查看自身所有属性：

Object.keys(obj)

查看自身+共有属性：

console.dir(obj)

判断一个属性是自身的还是共有的：

obj.hasOwnPropetry('xxx')，如果返回true，说明xxx是自身私有的属性，如果返回false，说明xxx不是私有属性或者obj不存在xxx属性。

注意：'xxx' in obj得出的结果不能判断xxx属性是共有的还是私有的。不管xxx是共有还是私有属性，存在于obj，就会返回true。

查看属性：

obj['key']

obj.key

注意：obj.name等价于obj['name']，不等价于obj[name]

3.修改或增加属性（写属性）

直接赋值

let obj = {name: 'alan'}
obj.name = 'alan'
obj['name'] = 'alan'
obj['na' + 'me'] = 'alan'
let key = 'name'; obj[key] = 'alan'

批量赋值

Object.assign(obj, {age: 18, gender: 'man'})

修改或增加共有属性

无法通过自身修改或增加共有属性

let obj = {}, obj2 = {} // 共有 toString
obj.toString = 'xxx' //只会更改obj的自身属性，obj2的toString还在原型上

偏要修改或增加原型上的属性呢？

obj.__proto__.toString = 'xxx' <= 不推荐

Object.prototype.toString = 'xxx'

一般来说，不要修改原型，会引起很多问题

推荐使用Object.create

let common = {gander: 'man', country: 'China'}
let obj = Object.create(common) //以common为共有属性创建对象
obj.name = 'alan'
let obj2 = Object.create(common)
obj2.name = 'jack'

所以要改原型从一开始就改好，不要到后来再改。

JS 对象基本用法