JS中的对象的相关概念

1.对象的概念:引用类型,无序键值对的集合

2.新建空对象:{ }

3.对象的属性:

访问属性:object.属性名/object属性名(用于包含特殊字符的属性名)

新建属性:object.新属性名=值(会修改原对象)/{...obj, 新属性名: 值}(不修改原对象)

删除属性:delete object.属性名

属性描述符:描述对象属性的特征(元数据),本质是一个对象

设置某个属性的属性描述符:Object.defineProperty(obj,属性,属性描述符对象)

属性描述符对象的值:

数据属性:value wirtable

访问器属性:get:func() set:func() configurable(是否可更改)

enumerable(是否可枚举)

vue的双向绑定原理:访问器属性在被更改时,执行函数通过一些列操作重新渲染页面,使得页面也同步呈现修改后的属性

获取某个属性的属性描述符:Object.getOwnPropertyDescriptor(obj,属性名)

获取全部属性的属性描述符:Object.getOwnPropertyDescriptors(obj)

4.对象的原型链:

构造函数是用于创建实例对象的一个工具函数,用new标识新建实例对象的操作

构造函数有一个属性prototype,该属性指向其原型对象

对象实例也有一个属性\[prototype]/proto(已弃用),该属性指向创建其实例的构造函数的原型对象

原型对象又有一个属性constructor,指回其构造函数

原型对象也是一个实例对象,它至少是Object构造函数的实例对象,所以也有一个\[prototype]指向Object构造函数的原型对象,到Object.prototype后就终止了

这样就形成了链条,叫原型链

意义:实例对象都可以访问构造函数的原型对象中存的方法和属性(即公共的)

5.原型对象的继承:

将一个构造函数的原型对象,指向另一个构造函数的原型对象的副本,实现继承

继承时,要注意子类的原型对象的constructor的指向

组合继承:父类原型对象的副本是父类的实例

注意,继承父类的非原型链上的资源时,非原型链上的方法的this指向的仍旧是父类,要指向子类自身,则需调用一次父类的构造函数,重新绑定this到自身:父类构造函数.call(this,参数列表)

寄生组合继承:父类原型对象的副本是新建父类的拷贝对象:

Object.create(prototype)该方法创建一个新对象,并指定其隐式原型

寄生组合解决了需要两次调用父类构造函数的缺点

6.对象混合:将两个对象混合,产生一个新对象

Object.assign({},o1,o2,...)该方法将第一个参数对象,后面的参数对象的属性,依次赋值给第一个参数对象(从左到右,若属性同名,则后处理的覆盖掉先处理的),然后返回第一个参数对象

可用于设置默认值,第二个对象放默认对象,第三个对象放用户输入的值,第一个对象仍是空对象

7.对象克隆:

浅克隆:创建一个新对象,循环遍历克隆的原对象的每一项(如果是引用类型,也克隆其引用,即引用是相同的)

深克隆:在对象的属性也是引用类型的时候,也要深克隆那个引用类型(通过递归,某个值是引用类型的时候,把这个值当做一个对象,然后这个对象进行克隆,即新建一个对象,然后把引用类型的值(非地址)放到这个新建的对象里,这样属性克隆就完成,最后深克隆拿到的是这个新建对象属性的地址(新的副本而非相同引用)。但一般递归是不考虑如何做的,只需要知道逻辑,引用类型要深克隆,那就递归调用把那个值进行深克隆就行了,非引用类型就直接赋值,这样就完成了深克隆)

克隆函数传两参数,一个是克隆原对象或原数组,一个是判断是否深克隆,若深克隆,则引用类型的属性也要使用这个克隆函数,传的俩参数一个是克隆原对象的属性(引用类型,也是一个对象或数组),一个是true(确认深克隆)

相关推荐
卢锡荣31 分钟前
国产PD3.1全集成Type-C管控芯片LDR6020P
c语言·开发语言
Freak嵌入式43 分钟前
Pico UART 数据收发实战:硬件配置、MicroPython 编程
java·开发语言·单片机·嵌入式硬件·生活
Casual1 小时前
【网络基础进阶】:看懂子网划分与 VLAN
开发语言·网络·php
独立开发之道1 小时前
【three.js教程】Three.js 运行时更新:矩阵、几何体、材质怎么改才不卡
javascript·矩阵·材质
cfm_29142 小时前
线程池阻塞队列
java·开发语言
默_笙2 小时前
🌃 HTTP 不认识你:JWT 登录鉴权的完整"酒店入住"指南
前端·javascript
xxwxx__2 小时前
C++ list 深度解析:从使用原理到模拟实现
开发语言·c++·list
Chester_19992 小时前
CSP202303C.LDAP
开发语言·c++·蓝桥杯·stl
奋斗吧程序媛2 小时前
CSV文件导入功能
开发语言·javascript·ecmascript
evans在进步2 小时前
Java 常用设计模式(二):装饰器、适配器、责任链、模板方法、策略与观察者
java·开发语言·设计模式