JS基础总结（2）——对象和类-CSDN博客

本文链接：https://blog.csdn.net/weixin_44844528/article/details/104283921

1. 对象

对象：无序属性的集合，属性可以包含基本值、对象或者函数。

1.1 对象属性

1.1.1 数据属性

数据属性：包含一个数据值的位置，可以在这个位置读取和写入值
属性描述符：

Configurable: 能否删除或重新定义或修改属性与属性特性，默认true
Enumerable: 能否遍历访问，默认true
Writable: 能否修改值，默认true
Value: 属性值，默认undefined

1.1.2 访问器属性

访问器属性：不包含数据值，包含操作函数getter和setter
属性描述符：

Configurable: 能否删除或重新定义或修改属性与属性特性，默认true
Enumerable: 能否遍历访问，默认true
Get: 读取属性时调用的函数，默认undefined
Set: 写入属性时调用的函数，默认undefined

1.1.3 属性方法

Object.defineProperties() 通过描述符一次定义多个属性
Object.getOwnPropertyDescriptor() 获取指定属性的描述符

1.2 操作对象

1.2.1 定义

最基本的定义方式，其他复杂的基本都基于此

const obj = {
   } 
const obj = new Object({
   })

1.2.2 赋值

‘=’ 即可赋值，由于是引用数据类型，传递的是地址，因此obj1和obj2看起来一样，实际不相等

const obj1 = {
   }, obj2 = {
   }
const obj3 = obj1
console.log(obj1 === obj2) // false

1.2.3 操作

对象的操作基于地址，会有这类数据的通病

弱不变性

const obj = {
   
    list: []
}
Object.freeze(obj)
obj.list.push(1)
console.log(obj); //{ list: [1] }

互相影响

const obj1 = {
   }
const obj2 = obj1
obj1.a = 1
console.log(obj2) // { a: 1 }

深浅拷贝

浅拷贝：只拷贝一层
深拷贝：拷贝所有层

const obj1 = {
    list: [] }
const obj2 = Object.assign({
   }, obj1) // 浅拷贝
const obj3 = JSON.parse(JSON.stringify(obj1)) // 深拷贝
obj1.list.push(1)
console.log(obj2, obj3) // { list: [1] }  list: [] }

2. 类

2.1 实现方式

在此只讨论两种与下文相关的类的实现方式

2.1.1 构造函数模式

function Hero(name, job) {
   
    this.name = name
    this.job = job
    this.profile = function() {
   
        console.log(this.name + ' is a(n) ' + this.job)
    }
}
const Teemo = new Hero('Teemo', 'ATM')
Teemo.profile() // Teemo is a(n) ATM
const Soraka = new Hero('Soraka', 'support')
Soraka.profile() // Sorakais a(n) support

在这个例子中，Teemo和Soraka都是从Hero构造函数中创建出来的实例，它们都拥有两个属性以及一个方法。但是存在一个不完美的地方，那就是profile方法被构建了两次，由于这个方法对于所有实例来说行为都是一致的，没必要重复构建，因此会造成资源的浪费。

2.1.2 原型模式

JS中创建的每一个函数都有一个prototype属性，指向一个对象（即原型），这个对象可以包含由特定的所有实例共享的属性和方法。因此不必在构造函数中定义对象实例的信息，可以直接将信息添加到原型对象中，如下：

function Hero() {
   }
// 方法一
Hero.prototype.name = 'Teemo'
Hero.prototype.job =