首页 > 其他分享 >ES6-对象字面量的增强

ES6-对象字面量的增强

时间:2023-01-09 22:57:48浏览次数:44  
标签:ES6 obj 字面 对象 18 age prop const sex

一.属性、方法的简洁表示法

键名和变量/常量名一样的时候,可以只写一个;我们在对象解构赋值时,等号左边也可以这样;

方法可以省略冒号和function关键字

        const sex = 'male';         const obj = {             sex,//相当于sex:sex             age: 18,             // play:function() {}             play(){}         }

二.方括号语法

        //目的在对象外面添加一个age属性,属性值为18
        const prop = 'age';
        // const obj = {};
        // obj.[prop] = 18;//点语法和方括号语法不能一起用,报错
        //----------------------------------------------
        // obj.prop = 18;
        // console.log(obj);//{prop:18}
        //目的在对象里面添加一个age属性,属性值为18
        const obj = {
            [prop]: 18//方括号语法可以写在对象字面量中
        }
        console.log(obj);//{age: 18}

 

标签:ES6,obj,字面,对象,18,age,prop,const,sex
From: https://www.cnblogs.com/zhoushangquan/p/17038747.html

相关文章

  • 关于MyBatis查询属性封装到对象,对象为null的情况源码分析
    源码分析在DefaultResultSetHandler类中getRowValue方法创建映射类相应的对象,如果为列匹配到的值标识foundValues是false,表示没有为对象中任何一个字段映射到一个值,则......
  • ES6之 Generator及它的使用场景
    一、介绍Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同回顾下上文提到的解决异步的手段:回调函数promise那么,上文我们提到promsie已经是一......
  • es6和es7的区别
    es6是什么ECMAScript6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程......
  • 客服系统前端开发:navigator对象能获取到的访客浏览器信息【唯一客服】网站在线客服系
    浏览器navigator能获取到一些有用的访客信息可以使用JavaScript的navigator对象来获取当前浏览器的信息。下面是navigator对象可以获取到的一些有用的信息:naviga......
  • ES6-其他数据类型的解构赋值
    一.字符串的解构赋值1.以数组形式解构赋值const[a,,,b,c]='hello';console.log(a,b,c);//hlo2.以对象形式解构赋值//为什么字符串可......
  • Redis-数据结构与对象-对象
    对象Redis并没有直接使用这些数据结构来实现键值对数据库,而是基于这些数据结构创建了一个对象系统,这个系统包含字符串对象、列表对象、哈希对象、集合对象和有序集合对......
  • 科学计算器的面向对象设计
    一、项目介绍1.功能要求:本课程设计是做了一个图形界面的科学计算器,其界面主要是由swing组件中的控件构成。程序实现了计算器的基本功能有:加、减、乘、除基本算术运算(可......
  • Redis-数据结构与对象-压缩列表
    压缩列表当一个列表键只包含少量列表项,并且每个列表项要么就是小整数值,要么就是长度比较短的字符串,那么Redis就会使用压缩列表(ziplist)来做列表键的底层实现。当一......
  • js比较对象属性是否发生变化的最简便写法
    需求背景:要求在离开页面时需要判断页面的数据是否有做过改动,由于页面的数据是表单对象的形式,所以只需要判断对象的属性值是否有发生过变化就行 解决方案:查找资料发现......
  • Redis-数据结构与对象-整数集合
    整数集合整数集合(intset)是集合键的底层实现之一:当一个集合只包含整数值元素,并且这个集合的元素数量不多时,Redis就会使用整数集合作为集合键的底层实现。虽然 intset......