对象就是一组没有特定顺序的值,对象的每个属性或者方法都可由一个名称来标识,这个名称映射到一个值。可以把对象想象成一张散列表,其中的内容就是一组名值对,值可以是数据或者函数

创建自定义对象的通常方式是创建Object的一个新实例,然后再给它添加属性和方法。早期开发者频繁使用这种方式创建新对象,几年后,对象字面量变成了更流行的方式


ES使用了一些内部特性来描述属性的特征,这些特征是由为JS实现引擎的规范定义的,因此,开发者不能在JS中直接访问这些特性。为了将某个特性标识为内部特性,规范会用两个中括号把特性的名称括起来

属性分两种:数据属性和访问器属性

数据属性

数据属性包含一个保存数据值的位置,值会从这个位置读取,也会写入到这个位置。

数据属性有4个特性描述它们的行为:

  • [[Configurable]]:表示属性是否可以通过delete删除并重新定义,是否可以修改它的特性,以及是否可以把它改为访问器属性。默认情况下,所有直接定义在对象上的属性的这个特性都是true
  • [[Enumerable]]:表示属性是否可以通过for-in循环返回,默认情况下,所有直接定义在对象上的属性的这个特性都是true
  • [[Writable]]:表示属性的值是否可以被修改。默认情况下,所有直接定义在对象上的属性的这个特性都是true
  • [[Value]]:包含属性实际的值,这个特性默认值为undefined

将属性添加到对象之后[[Configurable]]、[[Enumerable]]、[[Writable]]都会被设置为true,而[[Value]]特性会被设置为指定的值

要修改属性的默认特性,就必须使用Object.defineProperty()方法,这个方法接收3个参数:要给其添加属性的对象、属性的名称和一个描述符对象。最后一个参数,即描述符对象上的属性可以包含:configurable、enumerable、writable和value,跟相关特性的名称一一对应。根据要修改的特性,可以设置其中一个或多个值

在调用Object.defineProperty()时,如果描述符对象上的属性的值都不指定,则都默认为false

访问器属性

访问器属性不包含数据值,相反,他们包含一个获取函数和一个设置函数,不过这两个函数不是必须的,在读取访问器属性时,会调用获取函数,这个函数的责任就是返回一个有效的值,在写入访问器属性时,会调用设置函数并传入新值,这个函数必须决定对数据做出什么修改。

访问器属性有4个特性描述它们的行为:

  • [[Configurable]]:表示属性是否可以通过delete删除并重新定义,是否可以修改它的特性,以及是否可以把它改为访问器属性。默认情况下,所有直接定义在对象上的属性的这个特性都是true
  • [[Enumerable]]:表示属性是否可以通过for-in循环返回,默认情况下,所有直接定义在对象上的属性的这个特性都是true
  • [[Get]]:获取函数,在读取属性时调用,默认值为undefined
  • [[Set]]:设置函数,在写入属性时调用,默认值为undefined

访问器属性是不能直接定义的,必须使用Object.defineProperty()

获取函数和设置函数不一定都要定义,只定义获取函数意味着属性是只读的,尝试修改属性会被忽略,严格模式下会报错,类似的,只有一个设置函数的属性是不能读取的,非严格模式下读取会返回undefined,严格模式下会报错


Object.defineProperties()方法可以通过多个描述符一次性定义多个属性,它接受两个参数:要为之添加或修改属性的对象和另一个描述符对象,其属性与要添加或修改的属性一一对应


使用Object.getOwnPropertyDescriptor()方法可以取得指定属性的属性描述符,这个方法接收两个参数:属性所在的对象和要取其描述符的属性名。返回值是一个对象

ES8新增了Object.getOwnPropertyDescriptors()静态方法。这个方法实际上会在每个自有属性上调用Object.getOwnPropertyDescriptor()并在一个新对象中返回它们


合并两个对象:把源对象所有的本地属性一起复制到目标对象上,这种操作也被称为混入,因为目标对象通过混入源对象的属性得到了增强

ES6专门为合并对象提供了Object.assign()方法,这个方法接受一个目标对象和一个或多个源对象作为参数,然后将每个源对象中可枚举和自有属性复制到目标对象,以字符串和符号为键的属性会被复制,对每个符合条件的属性,这个方法会使用源对象上的[[Get]]取得属性的值,然后使用目标对象上的[[Set]]设置属性的值

Object.assign()实际上对每个源对象执行的是浅复制,如果多个源对象都有相同的属性,则使用最后一个复制的值。此外,从源对象访问器属性取得的值,比如获取函数,会作为一个静态值赋给目标对象。换句话说,不能在两个对象间转移获取函数和设置函数

如果赋值期间出错,则操作会中止并退出,同时抛出错误。Object.assign()没有回滚之前赋值的概念,因此它是一个尽力而为,可能只会完成部分复制的方法


ES6规范新增了Object.is()方法,这个方法和===很像,但同时也考虑到了一些边界情形


在给对象添加变量的时候,开发者经常会发现属性名和变量名是一样的,简写属性名只要使用变量名就会自动被解释为同名的属性键,如果没有找到同名变量就会报错

在引入可计算属性之前,如果想使用变量的值作为属性,那么必须先声明对象,然后使用中括号语法来添加属性。换句话说,不能在对象字面量中直接动态命名属性

有了可计算属性,就可以在对象字面量中完成动态属性赋值。中括号包围的对象属性键告诉运行时将其作为JS表达式而不是字符串来求值

可计算属性表达式中抛出任何错误都会中断对象创建,不能回滚

在给对象定义方法时,通常都要写一个方法名、冒号,然后再引用一个匿名函数表达式,新的简写方法的语法遵循同样的模式,但开发者要放弃给函数表达式命名,这样可以明显缩短方法声明。简写方法名对获取和设置函数也是适用的。简写方法名与可计算属性键相互兼容


对象解构语法可以在一条语句中使用嵌套数据实现一个或多个赋值操作,简单地说,对象解构就是使用与对象匹配的结构来实现对象属性赋值

使用解构可以在一个类似对象字面量的结构中,声明多个变量,同时执行多个赋值操作。如果想让变量直接使用属性的名称,那么可使用简写语法。

解构赋值不一定与对象的属性匹配,赋值的时候可以忽略某些属性,而如果引用的属性不存在,则该变量的值就是undefined。也可以在解构赋值的同时定义默认值。

解构在内部使用函数toObject()把源数据结构转换为对象,这意味着对象解构的上下文中,原始值会被当成对象,这也意味着,null和undefined不能被解构,否则会报错

解构并不要求变量必须在解构表达式中声明,不过,如果是给事先声明的变量赋值,则赋值表达式必须包含在一对括号中

解构对于引用嵌套的属性或目标没有限制,为此,可以通过解构来复制对象属性,解构赋值可以使用嵌套解构,以匹配嵌套的属性,在外层属性没有定义的情况下不能使用嵌套解构,无论源对象还是目标对象都一样

涉及多个属性的解构赋值是一个输出无关的顺序化操作,如果一个解构表达式涉及多个赋值,开始的赋值成功而后面的赋值出错,则整个解构赋值只会完成一部分

在函数参数列表中也可以进行解构赋值,对参数的解构赋值不会影响arguments对象,但可以在函数签名中声明在函数体内使用局部变量

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/diannao/88354.shtml
繁体地址,请注明出处:http://hk.pswp.cn/diannao/88354.shtml
英文地址,请注明出处:http://en.pswp.cn/diannao/88354.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Meson介绍及编译Glib库

一.概述 1.Meson 的简介 Meson(The Meson Build System)是个项目构建系统,类似的构建系统有 Makefile、CMake、automake …。 Meson 是一个由 Python 实现的开源项目,其思想是,开发人员花费在构建调试上的每一秒都是…

Qt元对象系统实践指南:从入门到应用

目录 摘要 元对象系统核心概念 项目示例:动态UI配置工具 元对象系统在项目中的应用 1. 信号与槽机制 2. 动态属性系统 3. 运行时反射能力 4. 属性绑定与响应 实际项目应用场景 动态UI配置 对象序列化 插件系统 性能优化建议 结论 参考资料 摘要 本文…

Kafka 与其他 MQ 的对比分析:RabbitMQ/RocketMQ 选型指南(一)

消息队列简介 在当今的分布式系统架构中,消息队列(Message Queue,MQ)扮演着举足轻重的角色。随着业务规模的不断扩大和系统复杂度的日益提升,各个组件之间的通信和协同变得愈发关键 。消息队列作为一种异步的通信机制…

[创业之路-441]:行业 - 互联网+移动互联网和大数据时代的100个预言:技术个性、商业变革、社会重构、文化娱乐、环境、教育、健康医疗、未来生活方式

目录 一、技术革新 二、商业变革 三、社会重构 四、文化与娱乐 六、环境与可持续发展 七、教育与知识传播 八、健康与医疗 九、伦理与法律 十、未来生活方式 十一、终极预言 结语 在移动互联网和大数据时代,技术革新正以前所未有的速度重塑社会、经济与文…

基于STM32单片机WIFI无线APP控灯亮度灭设计

基于STM32单片机控灯设计 (程序+原理图+设计报告) 功能介绍 具体功能: 本设计由STM32F103C8T6单片机核心电路两位白色高亮LED灯电路WIFI模块ESP8266电路电源电路组成。 1、stm32实时监测wifi数据,解析数…

学会C++中的vector的基本操作

vector 是 C 标准库中的一个动态数组类,它可以在运行时自动调整大小,非常适合用于处理大小不确定的集合。下面是 vector 的常见用法示例,帮助你更好地理解如何使用它。 注意:所有用数组完成的任务都可以用vector完成。 1. 引入头…

AI时代工具:AIGC导航——AI工具集合

大家好!AIGC导航是一个汇集多种AIGC工具的平台,提供了丰富的工具和资源。 工具功能​: 该平台整合了多样的AIGC工具,涵盖了绘画创作、写作辅助以及视频制作等多个领域。绘画工具能够生成高质量的图像作品;写作工具支持从构思到润色的全流程写…

java-SpringBoot框架开发计算器网页端编程练习项目【web版】

今天分享一个使用springboot 写一个 前后端不分离的项目,网页计算器,来熟悉springboot框架的使用。 java版本:8。 springboot:2.6.13 使用的技术是: Java Spring Boot Thymeleaf HTML/CSS/JS 构建的 Web 端简约按钮…

linux操作系统的软件架构分析

一、linux操作系统的层次结构 1.内核的主要功能 1)进程管理 2)内存管理 3)文件系统 4)进程间通信、I/O系统、网络通信协议等 2.系统程序 1)系统接口函数库,比如libc 2)shell程序 3)编译器、编辑…

浅谈Java对象在内存中的存储形式

我们知道计算机以二进制的方式存储数据,以 64 位虚拟机为例,Java 对象在内存中的存储形式为: 开头是 8 个字节的 markword,用于标记对象的状态。(也就是一个 long 型数据的大小。不妨记作对象头里有一个长长的 markwo…

Android 开发问题:Wrong argument type for formatting argument ‘#2‘ in info_message

<string name"info_message">name: %1$s, age: %2$d</string>String str getString(R.string.info_message, "zs");在 Android 开发中&#xff0c;上述代码&#xff0c;出现如下警告信息 Wrong argument type for formatting argument #2 in…

Vue+spring boot前后端分离项目搭建---小白入门

首先&#xff0c;介绍一下软件准备工作 1.vscode 2.maven 3.vue搭建&#xff1a;node.jsyarnvite 一.后端搭建 打开vscode,建立一个springboot项目&#xff0c;参考链接&#xff1a;sping boot项目搭建 建立一个项目&#xff0c;目录结构如下&#xff1a; helloController.java…

“苏超”拉动周末消费,抖音生活服务:比赛城市迎来普遍消费上涨

“苏超”爆火&#xff0c;有力拉升了紧随赛程的周末消费。抖音生活服务数据显示&#xff0c;刚刚过去的周末&#xff08;6月21日至22日&#xff09;&#xff0c;江苏商圈休闲运动团购订单消费环比增长225%&#xff0c;到店消费金额环比增长181%。虽然几个比赛城市周末天气欠佳&…

使用python开发一个exe版本的计算器项目练习

最近在练习python开发软件&#xff0c;就开发了一个 客户端版的 计算器。先给大家看一下 做出来的样子 python版本&#xff1a;3.8 以上 主要是 使用 import tkinter as tk 这个库来实现图形界面开发 代码还是比较简单的&#xff1a; # 创建主窗口 root tk.Tk() root.title…

uniapp开发小程序,导出文件打开并保存,实现过程downloadFile下载,openDocument打开

uniapp开发小程序&#xff0c;导出文件打开并保存 实现思路 1、调用请求获取到后端接口返回的下载文件的url路径 &#xff08;注意必须是https的路径&#xff0c;域名需要配置在微信小程序后台的合法域名里面&#xff09; 2、使用 uni.downloadFile 方法 &#xff08;下载文件…

vue2中前端实现图片裁剪上传到服务器

在 Vue 2 中实现图片裁剪并上传到服务器&#xff0c;你可以结合使用 Cropper.js 来进行图片裁剪&#xff0c;并通过 Axios 或者其他 HTTP 客户端库将裁剪后的图片上传至服务器。以下是一个基本的实现步骤和示例代码&#xff1a; 步骤 安装依赖&#xff1a;你需要安装 cropperj…

C# 网络编程-关于HttpWebRequest使用方式(二)

项目开发用到数据请求时候&#xff0c;会用的到HttpWebRequest的请求方式&#xff0c;主要涵盖GET、POST、PUT、DELETE等方法 一、HttpWebRequest简介 HttpWebRequest是.NET Framework中用于发送HTTP请求的核心类&#xff0c;适用于构建HTTP客户端。它支持GET、POST、PUT、DE…

git变更记录

目录 wvp-ui -new Dji 10.60.2.175:8000上的编译 个人拉分支 目前约定2025-06-25 wvp-ui -new branch new BASE_URL /new/ ci-cd : wvp-newui Config [Jenkins] 禁 用 10.30.2.8 ssh 10.30.2.8 /home/dualven/wvp-server/deployNewUi.sh Dji 主分支的构建&#xf…

前端如何禁止用户复制?

禁用右键菜单 document.addEventListener(contextmenu, function(e) {e.preventDefault(); });禁用快捷键&#xff08;CtrlC/X/A等&#xff09; document.addEventListener(keydown, function(e) {if (e.ctrlKey && [c, x, v, a].includes(e.key.toLowerCase())) {e.…

阿里云无影:开启云端办公娱乐新时代

阿里云无影云电脑&#xff1a;打破传统束缚&#xff0c;畅享云端自由 在数字化浪潮汹涌澎湃的当下&#xff0c;云计算技术持续革新&#xff0c;为我们的工作与生活带来前所未有的变革。阿里云作为云计算领域的佼佼者&#xff0c;推出的无影云电脑无疑是一颗璀璨的明星&#xf…