ES6解构赋值技巧丨技术开发分享录

ES6解构赋值技巧

{{ detail.nickname }}

转载 翻译 {{ formatTime(detail.create_time) }} 字数 {{ detail.content && detail.content.length }} 阅读 {{ detail.read_num }} {{ formatTag(v) }}

"## 内置对象\n\n```\n// 例一\nlet { log, sin, cos } = Math;\n\n// 例二\nconst { log } = console;\nlog('hello') // hello\n```\n\n## 数组\n\n```\nlet [x, y] = [1, 2, 3];\nx // 1\ny // 2\n\nlet [a, [b], d] = [1, [2, 3], 4];\na // 1\nb // 2\nd // 4\n```\n\n## 自定义对象\n\n```\nlet { foo, bar } = { foo: 'aaa', bar: 'bbb' };\nfoo // \"aaa\"\nbar // \"bbb\"\n```\n\n## 字符串\n\n```\n// 字符串字符\nconst [a, b, c, d, e] = 'hello';\na // \"h\"\nb // \"e\"\nc // \"l\"\nd // \"l\"\ne // \"o\"\n\n// 字符串对象属性\nlet {length: len} = 'hello';\nlen // 5\n```\n\n## 数字\n\n```\n// 数字对象属性\nlet {toString: s} = 123;\ns === Number.prototype.toString // true\n```\n\n## 函数\n\n```\nfunction add([x, y]){\n  return x + y;\n}\n\nadd([1, 2]); // 3\n```\n\n## 用途\n\n```\n// 交换变量的值\nlet x = 1;\nlet y = 2;\n\n[x, y] = [y, x];\n```"
PS:写作不易,如要转裁,请标明转载出处。

如果此篇对您有帮助,可小额赞助,以兹鼓励!

猜你想看