题外话:很久没有更新了,这几天学习react.js的时候学习了一些新的东西,记录下。
1、解构赋值
字面上的意思:要根据对象的结构进行一一对应的赋值。
(1)、普通变量
//ES5
let a = 1, b = 2;
//(ES6)
let [a, b] = [1,2];
位置一一对应,就可以赋值了。
(2)、数组
let a = [1,2,3]; (ES5)
let num = a[2]; console.log( num); // 3
let [a,b,c] = [1,2,3]; (ES6)
console.log(b); //2
嵌套数组解构
let a = [1,2, [3,4],5];
let num = a[2][0]; // 3
let [a, b,[c,d],e] = [1,2, [3,4], 5] ;
console.log(b, c) // 2, 3
解构赋值的话如果解构不成功,变量的值就等于undefined。
let [a, b] = [1];
console.log(b) // undefined
默认值
有默认值,且没有值的,取默认值;
有值的取自身的值,不取默认值
let[a,b,c,d=4] = [1,2,3];
console.log(d);//4
let[a,b,c,d=4] = [1,2,3,5];
console.log(d);//5
对象析构
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。
let obj = { name: 'xxx',age: 18};
console.log(obj.name);//'xxx'
let obj = {name:"xxx",age:"18"}
let { name: name, age: age} = obj;
console.log( name);//'xxx'
如果解构失败,变量的值等于undefined。
let {foo} = {bar: 'baz'};
foo // undefined
字符串也可以解构赋值。这是因为此时,字符串被转换成了一个类似数组的对象。
// ES5:
var res = "你好呀";
console.log(res[2]);//呀
//ES6
let[a,b,c] = "你好呀";
console.log(b);//好
函数参数解构
function show({name,age}){
//以前
// var name = obj.name;
//现在
console.log(name);//李四
console.log(name,age);//李四,18
}
let obj = {
name:"李四",
age:"18"
}
show(obj);
未完待续......
参考资料: https://zhuanlan.zhihu.com/p/...
一、作用 离线浏览 - 根据文件规则把资源缓存在本地,脱机依然能够访问资源,联...
在讲CSS优先级之前,我们得要了解什么是CSS,CSS是用来做什么的。 首先,我们对C...
行高line-height实现单行文本垂直居中 以前一直认为单行文本垂直居中要将高度和...
打开软件,我们按快捷键ctrl+n,建立一个新的文件。 点击常用,选择布局。 点击...
最近在做项目时,发现CSS3中关于动画的技术,自己很少运用在项目中,平时一些列...
在ie下设置 css 样式 style="cursor:hand;" 可以正常显示 但是在firefox下就不行...
CSS3实现酷炫的3D旋转透视 3D动画效果现在越来越普及,已经被广泛的应用到了各个...
作者 / Krish Vitaldevara,Google Play 信任与安全产品管理总监 多年来,向数十...
Dreamweaver中如何使用Flash影片 1、首先需要我们准备的是一个Flash文件,其次最...
背景 京东购物小程序作为京东小程序业务流量的主要入口,承载着许多的活动和页面...