技术标签: js
JS
中的 Object
从本质上看,Object
是一个构造函数,用于创建对象。
Object
构造函数的属性在 Object
中声明的属性只有两个:
Object.length
—— 值为1Object.prototype
—— 指向 Object
函数的原型对象静态方法就是直接定义在 Object
函数上的方法,注意与实例方法区分!!!调用的方式也不同,直接通过 Object.xxx()
的方式调用。
Object.assign(target,...assign)
作用:将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
简单来说,该方法可以接收多个参数,其中第一个参数作为目标对象,剩下的都是源对象。该方法将所有源对象的可枚举属性复制(浅复制)到目标对象中,结果返回目标对象。该方法会直接改变目标对象。
const target = {
name:"jonas",age:18};
const source = {
address:"Guangzhou",gender:"male"}
Object.assign(target,source);
console.log(target);//{name: "jonas", age: 18, address: "Guangzhou", gender: "male"}
如果使用 ES6
的语法来实现这种需求就很简洁了:
let target = {
name:"jonas",age:18};
let source = {
address:"Guangzhou",gender:"male"}
target = {
...target,...source}
三点运算符也是通过浅复制来实现拷贝的。
注意:如果目标对象中的属性具有相同的键,则属性将被源对象的属性覆盖,后面的源对象的属性将类似地覆盖前面的源对象属性。
Object.create(proto,propertiesObject)
该方法用于创建新对象。第一个参数用于指定新建对象的原型对象;第二个参数是对象的属性描述对象。方法返回新建的对象。
在默认的情况下,我们通过对象字面量的方式 {}
创建的对象的原型对象就是 Object
,然而,通过该方法就可以指定一个新建对象的原型对象,从而改变原型链的结构。
function Person() {
}
Person.prototype.hello = function (){
console.log("hello")
}
let person = Object.create(Person.prototype,{
name:{
value:"jonas",
writable:true,
configurable:true,
},
age:{
value:18,
writable:true,
configurable:true,
}
})
console.log(person)//Person {name: "jonas", age: 18}
person.hello()//hello
Object.defineProperty(obj,prop,desc)
在对象 obj
上定义新的属性,或者修改对象 obj
中的属性,结果返回对象 obj
。
该方法有三个参数,第一个参数 obj
是目标对象,第二个参数 prop
是属性键名,第三个参数是这个属性的描述符。
let person = {
}
Object.defineProperty(person,"name",{
value : "jonas",
writable : true,
enumerable : true,
configurable : true
})
console.log(person)//{name: "jonas"}
害,也许你会感到疑惑,给对象定义属性或修改属性不是直接通过对象字面量的方法更加简洁吗?
是的,如果只是简单的添加或者修改属性,那么必然是对象字面量的方式更为直观。但是,这种方式并不是万能的,在某些场景下就需要使用到这个方法。
比如,在 Vue
的底层实现数据绑定中就使用到了这个方法。
扩展:属性描述符有两种:
getter
和 setter
函数对属性的描述。一个属性只能是其中的一种描述符。
描述符通用属性:
configurable
—— 布尔值,默认值为 false
。若值为 true
,则表示这个属性描述符可以被改变,同时该属性也能从对象上删除。enumerable
—— 布尔值,默认值为 false
。表示是否能枚举数据描述符特有的属性:
value
—— 该属性的值,默认值为 undefined
writable
—— 布尔值,默认值为 false
,表示是否能重写。存取描述符特有的属性:
get:function
—— 默认值为 undefined
,当访问该属性时,该方法会被执行。set:function
—— 默认值为 undefined
,当属性修改时,触发执行改方法,该方法接收一个参数,就是该属性新的值。Object.entries(obj)
该方法返回对象 obj
自身的可枚举属性的键值对数组。结果是一个二维数组,数组中的元素是一个由两个元素 key
,value
组成的数组。
let person = {
name:"jonas",age:18}
let arr = Object.entries(person)
console.log(arr)//[["name", "jonas"],["age", 18]]
该方法的使用场景是:将普通的对象转换为 Map
:
let person = {
name:"jonas",age:18}
let map = new Map(Object.entries(person))
console.log(map)//Map(2) {"name" => "jonas", "age" => 18}
相似的,还有两个方法可以取出对象的键名或键值:
Object.keys(obj)
—— 返回一个对象中的可枚举属性组成的数组Object.values(obj)
—— 返回一个对象中的可枚举属性值组成的数组。Object.freeze(obj)
该方法用于冻结对象,一个被冻结的对象不能被修改,不能添加新的属性,不能修改属性的描述符,该对象的原型对象也不能修改。返回值为被冻结的对象。
let person = {
name:"jonas",age:18}
Object.freeze(person)
person.address = "Guangzhou"
person.age = 20
console.log(person)//{name: "jonas", age: 18}
Object.getOwnPropertyDescriptor(obj,prop)
该方法用于返回指定对象上自有属性对应的属性描述符。
let obj = {
}
Object.defineProperty(obj,"name",{
configurable:false,
enumerable:true,
writable:true,
value:"Jonas"
})
let descriptor = Object.getOwnPropertyDescriptor(obj,"name")
console.log(descriptor)//{value: "Jonas", writable: true, enumerable: true, configurable: false}
Object.getOwnPropertyNames(obj)
该方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括 Symbol
作为键名的属性)组成的数组。
该方法包含的范围比 Object.keys()
广。
let obj = {
}
Object.defineProperty(obj,"name",{
configurable:false,
enumerable:false,
writable:true,
value:"Jonas"
})
Object.defineProperty(obj,Symbol(),{
configurable:false,
enumerable:false,
writable:true,
value: 18
})
let arr = Object.getOwnPropertyNames(obj)
console.log(arr)//["name"]
Object.getOwnPropertySymbols(obj)
该方法返回一个指定对象自身所有的 Symbol
键名的属性的数组。
let obj = {
}
Object.defineProperty(obj,"name",{
configurable:false,
enumerable:false,
writable:true,
value:"Jonas"
})
Object.defineProperty(obj,Symbol(),{
configurable:false,
enumerable:false,
writable:true,
value: 18
})
let arr = Object.getOwnPropertySymbols(obj)
console.log(arr)//[Symbol()]
Object.getPrototypeOf(obj)
该方法返回指定对象的原型对象。
function Person() {
}
Person.prototype.hello = function () {
console.log("hello")
}
let person = new Person()
let proto = Object.getPrototypeOf(person)
proto.hello()//hello
Object.is(obj1,obj2)
该方法用于比较两个对象是否相同,返回布尔值。
比较规则如下:
undefined
,则返回 true
null
,则返回 true
true
或 false
,则返回 true
true
true
+0
,-0
,NaN
,则返回 true
注意:该方法不会做隐式类型转换。
Object.isExtensible(obj)
该方法用于判断一个对象是否可以扩展(是否可以添加属性),返回布尔值。
在默认的情况下,对象是允许扩展的(无论是通过对象构造函数还是对象字面量方式创建的对象)。封闭对象,冻结对象是不可扩展的!!!
let obj = {
}
Object.freeze(obj)
console.log(Object.isExtensible(obj))//false
如果要将一个对象设置为禁止扩展的对象,那么可以使用 Object.preventExtensions(obj)
。
Object.isFrozen(obj)
判断对象是否被冻结。返回布尔值。
Object.seal(obj)
封闭对象,阻止添加新属性并将所有的属性标记为不可配置!
在 JS
中,所有的对象都是来自 Object
,所有对象从 Object.prototype
中集成方法和属性,尽管它们可能被覆盖。Object
的原型对象中也定义着一些方法,但是有一部分已经遗弃了,下面展示几个还在使用的:
Object.prototype.hasOwnProperty(prop)
—— 检测指定对象的自身中是否具有指定的属性,返回布尔值。Object.prototype.toString()
—— 返回对象的字符串形式。Object.prototype.valueOf()
—— 返回对象本身。Object.prototype.isPrototypeOf(obj)
—— 检测对象是否在另一个对象的原型链上,返回布尔值。文章浏览阅读645次。这个肯定是末尾的IDAT了,因为IDAT必须要满了才会开始一下个IDAT,这个明显就是末尾的IDAT了。,对应下面的create_head()代码。,对应下面的create_tail()代码。不要考虑爆破,我已经试了一下,太多情况了。题目来源:UNCTF。_攻防世界困难模式攻略图文
文章浏览阅读2.9k次,点赞3次,收藏10次。偶尔会用到,记录、分享。1. 数据库导出1.1 切换到dmdba用户su - dmdba1.2 进入达梦数据库安装路径的bin目录,执行导库操作 导出语句:./dexp cwy_init/[email protected]:5236 file=cwy_init.dmp log=cwy_init_exp.log 注释: cwy_init/init_123..._达梦数据库导入导出
文章浏览阅读1.9k次。1. 在官网上下载KindEditor文件,可以删掉不需要要到的jsp,asp,asp.net和php文件夹。接着把文件夹放到项目文件目录下。2. 修改html文件,在页面引入js文件:<script type="text/javascript" src="./kindeditor/kindeditor-all.js"></script><script type="text/javascript" src="./kindeditor/lang/zh-CN.js"_kindeditor.js
文章浏览阅读2.3k次,点赞6次,收藏14次。SPI的详情简介不必赘述。假设我们通过SPI发送0xAA,我们的数据线就会变为10101010,通过修改不同的内容,即可修改SPI中0和1的持续时间。比如0xF0即为前半周期为高电平,后半周期为低电平的状态。在SPI的通信模式中,CPHA配置会影响该实验,下图展示了不同采样位置的SPI时序图[1]。CPOL = 0,CPHA = 1:CLK空闲状态 = 低电平,数据在下降沿采样,并在上升沿移出CPOL = 0,CPHA = 0:CLK空闲状态 = 低电平,数据在上升沿采样,并在下降沿移出。_stm32g431cbu6
文章浏览阅读1.2k次,点赞2次,收藏8次。数据链路层习题自测问题1.数据链路(即逻辑链路)与链路(即物理链路)有何区别?“电路接通了”与”数据链路接通了”的区别何在?2.数据链路层中的链路控制包括哪些功能?试讨论数据链路层做成可靠的链路层有哪些优点和缺点。3.网络适配器的作用是什么?网络适配器工作在哪一层?4.数据链路层的三个基本问题(帧定界、透明传输和差错检测)为什么都必须加以解决?5.如果在数据链路层不进行帧定界,会发生什么问题?6.PPP协议的主要特点是什么?为什么PPP不使用帧的编号?PPP适用于什么情况?为什么PPP协议不_接收方收到链路层数据后,使用crc检验后,余数为0,说明链路层的传输时可靠传输
文章浏览阅读587次。软件测试工程师移民加拿大 无证移民,未受过软件工程师的教育(第1部分) (Undocumented Immigrant With No Education to Software Engineer(Part 1))Before I start, I want you to please bear with me on the way I write, I have very little gen...
文章浏览阅读304次。Thinkpad X250笔记本电脑,装的是FreeBSD,进入BIOS修改虚拟化配置(其后可能是误设置了安全开机),保存退出后系统无法启动,显示:secure boot failed ,把自己惊出一身冷汗,因为这台笔记本刚好还没开始做备份.....根据错误提示,到bios里面去找相关配置,在Security里面找到了Secure Boot选项,发现果然被设置为Enabled,将其修改为Disabled ,再开机,终于正常启动了。_安装完系统提示secureboot failure
文章浏览阅读10w+次,点赞93次,收藏352次。1、用strtok函数进行字符串分割原型: char *strtok(char *str, const char *delim);功能:分解字符串为一组字符串。参数说明:str为要分解的字符串,delim为分隔符字符串。返回值:从str开头开始的一个个被分割的串。当没有被分割的串时则返回NULL。其它:strtok函数线程不安全,可以使用strtok_r替代。示例://借助strtok实现split#include <string.h>#include <stdio.h&_c++ 字符串分割
文章浏览阅读2.3k次。1 .高斯日记 大数学家高斯有个好习惯:无论如何都要记日记。他的日记有个与众不同的地方,他从不注明年月日,而是用一个整数代替,比如:4210后来人们知道,那个整数就是日期,它表示那一天是高斯出生后的第几天。这或许也是个好习惯,它时时刻刻提醒着主人:日子又过去一天,还有多少时光可以用于浪费呢?高斯出生于:1777年4月30日。在高斯发现的一个重要定理的日记_2013年第四届c a组蓝桥杯省赛真题解答
文章浏览阅读851次,点赞17次,收藏22次。摘要:本文利用供需算法对核极限学习机(KELM)进行优化,并用于分类。
文章浏览阅读1.1k次。一、系统弱密码登录1、在kali上执行命令行telnet 192.168.26.1292、Login和password都输入msfadmin3、登录成功,进入系统4、测试如下:二、MySQL弱密码登录:1、在kali上执行mysql –h 192.168.26.129 –u root2、登录成功,进入MySQL系统3、测试效果:三、PostgreSQL弱密码登录1、在Kali上执行psql -h 192.168.26.129 –U post..._metasploitable2怎么进入
文章浏览阅读257次。本文将为初学者提供Python学习的详细指南,从Python的历史、基础语法和数据类型到面向对象编程、模块和库的使用。通过本文,您将能够掌握Python编程的核心概念,为今后的编程学习和实践打下坚实基础。_python人工智能开发从入门到精通pdf