码迷,mamicode.com
首页 > 其他好文 > 详细

ES6变量的解构赋值

时间:2017-08-25 10:49:46      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:基本类型   bbb   结构   --   赋值   对象   解构赋值   undefined   模式   

// -------------------------------------------------------------------
/**
* 基本概念:
* 本质上就是一种匹配模式,只要等号两边的模式相同,那么左边的变量就可以
* 被赋予对应的值。
* 结构赋值主要分为:
* 1 数组的解构赋值
* 2 对象的结构赋值
* 3 基本类型的解构赋值
*/
// let a = 1;
// let b = 2;
// let c = 3;

// let [a, b, c] = [1, 2, 3];
//
// console.log(a, b, c);

// -------------------------------------------------------------------
// 1 数组的解构赋值

// let [a, [[b], c]] = [1, [[2], 3]];
//
// console.log(a, b, c); // 1, 2, 3

// let [, , c] = [1, 2, 3];
//
// console.log(c); // 3

// let [x] = [];
//
// console.log(x); // let x; undefined

// let [y = 1] = [];
//
// console.log(y); // 1

 

// -------------------------------------------------------------------
// 2 对象的解构赋值
// let {a, b} = {b: ‘bbb‘, a: ‘aaa‘};
//
// console.log(a, b);

// let {a: b} = {a: 1};
//
// console.log(b);  //1
// console.log(a);  //undefined


// -------------------------------------------------------------------
//3 基本类型的解构赋值

// let [a, b, c, d] = ‘1234‘;
//
// console.log(a, b, c, d);

let {length: len} = ‘miaov‘;

console.log(len);  //5

ES6变量的解构赋值

标签:基本类型   bbb   结构   --   赋值   对象   解构赋值   undefined   模式   

原文地址:http://www.cnblogs.com/suisuisui/p/7426663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!