1、ES6—let和const命令&&变量的结构赋值以及变量结构的用途

我是程序员小白,每天致力于基础语法的反复学习,并通过自己的总结进行记忆!!!

 

今天学习:

let和const命令

变量的结构赋值以及变量结构的用途

 

记+忆:

关键字:globalThis查找全局

对象解构快速查找对象中变量



1、let和const命令

1.1、

Es5只有两种申明变量的方式:var 和 function

Es6有6种申明变量的方式:var、 let、 const 、function 、import 、class

1.2、

任何环境下globalThis都是存在的,都可以从它拿到顶级对象,指向全局下的this

2、变量的解构赋值

2.1、数组的解构

数组的元素是按次序排列的,变量的取值由它的位置决定

栗子:

let [foo, [[bar], baz]] = [1, [[2], 3]];

foo // 1

bar // 2

baz // 3

2.2、对象的解构

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

栗子:

let {school} = {school:'西安电子科技大学'}

console.log('school:',school)  输出结果:school: 西安电子科技大学

{school} === {school:school} 属性名和变量名一致

也就是说,对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。

栗子:

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };

baz // "aaa"

foo // error: foo is not defined

2.3、变量解构的用途:提取JSON对象中的数据

栗子:

let obj = {

name:'tom',

age:18

}

let {name,age} = obj

console.log('name:',name)//输出结果:name: tom

console.log('age:',age)//输出结果:age: 18

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容