ES6入门：方括号语法

1、方括号语法的用法

const prop = 'age';
const person = {};
//给person添加属性age
//person.prop = 18;   错的 点语法不可用
console.log(person);    {prop： 18}
person[prop] = 18;    //{age： 18}

方括号语法可以写在对象字面量中

const person = {[prop]: 18
};

2、方括号中可以放什么

const prop = 'age';
const func = () => 'age2';
const person = {// [prop]:10// [func()]: 18// ['sex']: 'male'['s' + 'ex']: 'male'
};
console.log(person);

3、方括号语法和点语法的区别
点语法是方括号语法的特殊形式

const person = {};
person.age 等价于 person['age']

属性名由数字、字母、下划线以及 $ 构成，并且数字还不能打头的时候可以使用点语法

age18_$ √
18age ×

合法标识符可以用来作为变量或常量名
当属性或方法名是合法标识符时，可以使用点语法，其他情况下使用方括号语法

ES6入门：方括号语法相关推荐

ES6入门之对象的扩展
1. 属性的简洁表示法在ES6中允许直接写入变量和函数,作为对象的属性和方法,使得代码的书写更为简洁. const f = 'a' const b = {f} b // {f: 'a'}等同于 c ...
es6入门到五连绝世之三杀（triple kill ）
es6入门到五连绝世之三杀(triple kill ) 欢迎来到e6语法笔记教学一.Promise 简介 1.1.Promise 异步执行顺序 1.2.自定义 promise 1.3.自定义Prom ...
es6入门到五连绝世之四杀（quadra kill ）
es6入门到五连绝世之四杀(quadra kill ) 欢迎来到e6语法笔记教学一.symbol 数据类型 1.1.介绍及使用欢迎来到e6语法笔记教学这篇博客的记录手法,是通过 demo 记录 ...
es6入门到五连绝世之一血（first blood）
es6入门到五连绝世之一血(first blood) 欢迎来到e6语法笔记教学一.变量声明 1.1.变量声明有三种方式 1.2.JS中的块级作用域,var.let.const 三者的区别 1.2.1 ...
阮一峰ES6入门读书笔记（十六）：Moudle
阮一峰ES6入门读书笔记(十六):Moudle 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种.前者用于服务器,后者用于浏览器.ES6 在语言标准的层面上 ...
python编程语法大全-Python编程入门——基础语法详解
今天小编给大家带来Python编程入门--基础语法详解. 关于怎么快速学python,可以加下小编的python学习群:611+530+101,不管你是小白还是大牛,小编我都欢迎,不定期分享干货每天 ...
python编程语法-Python编程入门——基础语法详解
今天小编给大家带来Python编程入门--基础语法详解. 一.基本概念 1.内置的变量类型: Python是有变量类型的,而且会强制检查变量类型.内置的变量类型有如下几种: #浮点 float_num ...
python编程if语法-Python编程入门基础语法详解经典
原标题:Python编程入门基础语法详解经典一.基本概念 1.内置的变量类型: Python是有变量类型的,而且会强制检查变量类型.内置的变量类型有如下几种: #浮点 float_number = ...
python编程语法-Python编程入门——基础语法详解（经典）
今天小编给大家带来Python编程入门--基础语法详解.温馨提示: 亮点在最后! 在这里还是要推荐下我自己建的Python开发学习群:301056051,群里都是学Python开发的,如果你正在学习P ...

ES6入门：方括号语法

ES6入门：方括号语法

ES6入门：方括号语法相关推荐

最新文章

热门文章