JS对象创建可以通过哪些几种方式实现,具体是怎样的
Admin 2022-06-18 群英技术资讯 529 次浏览
前言:
在 JavaScript
中,对象是一组有属性名和属性值组成的无序集合,对象的创建可以通过对象字面量、new
关键字 和Object.create()
函数来创建。
let obj = {} // 空对象 let obj2 = {a:1, b:2} let obj3 = {" hel": "wold"} // 属性名如果有空格,可以用字符串字面量作为属性名
使用 new
关键字后面调用构造函数,创建一个新的对象
let o = new Object(); // 内置的构造函数 let m = new Math(); let a = new Array(); let d = new Date(); function Person(){ //自定义构造函数 } let person = new Person()
let o = Object.create({x:1, y:2}); console.log(o.x+o.y) //3
新对象o 将继承 {x:1, y:2}
,属性x和y称为继承属性, 如果传入的参数是null
,则这个对象不会继承任何对象。被继承的对象又称之为“原型”。
Object.create(null)
ES2018新增了扩展操作符...,将已有的对象属性复制到新的对象中
let foo = {x:1, y:2} let bar = {z:3} let zoo = {...foo, ...bar} console.log(zoo) // {x:1, y:2, z:3}
需要注意的几点:
assign
可以把一个对象的属性复制到另一个对象, assign
接收两个或多个参数,第一个参数为目标对象,第二个及后续参数为来源对象,函数将把来源对象的属性复制到目标对象,并返回目标对象。
let foo = {x:1, y:2} let bar = {z:3} let zoo = {} let obj = Object.assign(zoo, foo, bar) console.log(zoo) // {x:1, y:2, z:3} console.log(obj===zoo) // true
另外补充两个ES6
中新增的对象特性
如果想创建多个变量名和对应值组合成的对象,原来需要像传统对象字面量语法构建对象
let x=1, y =2; let o = {x:x, y:y} console.log(o) // {x:1, y:2}
ES6
之后可直接简写属性,省去分号和属性名
let o2 = {x, y} console.log(o2) // {x:1, y:2}
在对象中定义方法时,ES6
以前需要,定义方法时需要像定义普通属性一样,通过函数表达式定义方法
let point={ x:1, y:2, area: function(){ return this.x*this.y } } console.log(point.area()) //2
而ES6
之后可以省略冒号和function
关键字,以一种简单的方式来定义对象的方法。
let point2={ x:1, y:2, area(){ return this.x*this.y } } console.log(point2.area()) //2
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
使用node.js怎么样实现发送邮件提醒?邮件在学习和工作中的使用还是比较多的,有时候我们需要定期的发送一些邮件,而要确保能按时发送不忘记,定时自动邮件提醒功能还是很关键的,下面我们就来看看这个功能要怎样做?
本文将结合实例代码,介绍Vue批量更新dom的实现步骤,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
这篇文章我们来了解React组件通信的内容,本文会介绍组件通信是什么,如何通信,及示例等等,对大家学习和理解React组件通信有一定的帮助,感兴趣的朋友可以参考。
这篇文章我们来简单的了解一下vue3中watcheffect的用途与使用,首先watch和watchEffect都是监听器,但是watch和watchEffect在写法和使用上都有一定的区别,因为为了便于大家理解,下面小编就给大家来讲讲。
javascript删除类名的方法:1、使用“document.getElementById("id值")”语句根据id值获取指定元素对象;2、使用“元素对象.classList.remove("类名")”语句删除指定的类名。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008