ES6 之 对象的简写方式
简写有两条基本原则:
- 同名的属性可以省略不写
- 对象中的方法中的 : function 可以省略不写
来看下下面这个例子,我分别用ES5 和 ES6 的语法分别定义并声明了一个简单的学生对象:
ES5:
        var studentES5 = {
            name: '小方哥',
            age: 20,
            sex: '男',
            getName: function () {
                return this.name;
            }
        }
        console.log('ES5', studentES5);
        console.log('ES5', studentES5.getName());
ES6:
const name = 'Jack';
const age = 25;
const sex = '女';
const studentES6 = {
name,// 同名的属性可以省略不写
age,
sex,
getName() {// 可以省略方法中的 : function
return this.name;
}
};
console.log('ES6', studentES6);
console.log('ES6', studentES6.getName());
ES6 之 对象的简写方式的更多相关文章
- ES6的对象属性简写
		在ES6中允许我们在设置一个对象的属性的时候不指定属性名. 不使用ES6: const name='Ming', age='18', city='Shanghai'; const student ={ ... 
- ES6中常用的简写方式
		1. var foo = 'bar'; var baz = {foo}; baz // {foo: "bar"} // 等同于 var baz = {foo: foo}; 2. f ... 
- ES6-对象的简写方式
		var name = 'tom'; var age = 11; //es5定义对象 var obj = { name:name, age ... 
- ES6 对象定义简写及常用的扩展方法
		1.ES6 对象定义简写 es6提供了对象定义里的属性,方法简写方式: 假如属性和变量名一样,可以省略,包括定义对象方法function也可以省略 <script type="text ... 
- sql server查询可编程对象定义的方式对比以及整合
		本文目录列表: 1.sql server查看可编程对象定义的方式对比 2.整合实现所有可编程对象定义的查看功能的存储dbo.usp_helptext2 3.dbo.helptext2的选择性测试 4. ... 
- ES6常用对象操作
		ES6常用对象操作 一. const 简单类型数据常量 // const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动.对于简单类型的数据(数值.字符串.布尔值),值就保存在 ... 
- ES6中对象的扩展
		ES6不仅为字符串.数值和数组带来了扩展,也为对象带来了很多新特性.这一节,我们来一起学习一下对象的扩展. 对象的传统表示法 我们回顾一下,对象的传统表示法: let person = { " ... 
- ES6 - 对象
		ES6为对象带来的新特性. 对象传统的写法: let person={ 'name':'Lily', 'say':function(){ alert('hello!'); } } 1.ES6中写法更简 ... 
- Java Object 对象创建的方式 [ 转载 ]
		Java Object 对象创建的方式 [ 转载 ] @author http://blog.csdn.net/mhmyqn/article/details/7943411 显式创建 有4种显式地创建 ... 
随机推荐
- 24-C#笔记-异常处理
			# 1 语法 try catch finally(相当于catch(...)) using System; ... public void division(int num1, int num2) { ... 
- Navicat Premium永久激活方式
			今天安装完Navicat Premium,运行时出现只能用14天的信息,所以就比较生气,只能用14天,那我还下你干啥,所以就查教程,弄了个破解工具,最后大功告成,应该是可以永久使用了,具体的教程看下 ... 
- KDiff3使用指南
			http://kdiff3.sourceforge.net/ KDiff3 is a diff and merge program that compares or merges two or thr ... 
- Pandas | 04 Panel 面板
			面板(Panel)是3D容器的数据.面板数据一词来源于计量经济学,部分源于名称:Pandas - pan(el)-da(ta)-s. 3轴(axis)这个名称旨在给出描述涉及面板数据的操作的一些语义. ... 
- 表格插件BootStrap-Table使用教程
			Bootstrap table 是一款基于 Bootstrap 的 jQuery 表格插件,功能比较完备,能够实现数据异步获取,编辑,排序等一系列功能. 官网https://bootstrap-tab ... 
- Educational Round 64 题解
			前言: 这场太难了……我一个紫名只打出两题……(虽说感觉的确发挥不够好) 一群蓝绿名的dalao好像只打了两题都能升分的样子…… 庆幸的是最后A出锅然后unr了>///< 写一波题解纪念这 ... 
- R地图包 maps
			安装 maps install.packages(“maps”) 使用 maps library("maps") nz <- map_data("nz") 
- Windows_pycharm下安装numpy
			https://blog.csdn.net/haishu_zheng/article/details/77489309 一.下载在网站https://pypi.python.org/pypi/nump ... 
- Centos 6.X查看和设置时间时区
			Centos 6.X系列操作系统的修改时区和时间的方法. 一.查看Centos的时区和时间 1.使用date命令查看Centos时区 [root@VM_centos ~]# date -R Mon, ... 
- python 关于celery的异步任务队列的基本使用(celery+redis)【无配置文件设置】
			环境说明: window7 X64 python 2.7.6 .celery 3.1.25.redis 2.10.6 本地安装的redis服务端版本号:Redis-x64-3.2.100 工程结构说明 ... 
