看懂这个案例,了解ES6的解构赋值

think_thinker

于 2019-04-25 16:13:14 发布

阅读量294

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6

本文链接：https://blog.youkuaiyun.com/think_thinker/article/details/89518362

ES6 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了ES6中字符串、数组和对象的解构赋值特性，包括其基本用法、特殊规则及常见错误，同时提供了丰富的示例代码帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 字符串可以化成数组,数组又是特殊的对象 str => [] => {}
let str = "Hello ES6"; 

let {0: a} = str;  // 对象解构是根据属性
console.log(a); // H

let [b] = str;  // 数组解构是根据位置
console.log(b); // H

let {length: len} = str; // 因为str可以转成数组,而数组都有length属性,故可以解构
console.log(len);   // 9

// 注：解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。
let {toString: x} = len;
console.log(Number.prototype.toString) // true
let {toString: x} = (len === str.length);
console.log(x === Boolean.prototype.toString); // true

// 注： 由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。
// let {x} = null;  // TypeError
// let {y} = undefined; // TypeError

想要更加详细的学习ES6语法，推荐网站： http://es6.ruanyifeng.com/