我是程序员小白,每天致力于基础语法的反复学习,并通过自己的总结进行记忆!!!
今天学习:
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