javascript – 我可以预先声明变量以解析对象的分配吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 我可以预先声明变量以解析对象的分配吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1322字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > object destructuring without var                                    2个
背景

当我尝试使用数组解构赋值时,我能够预先声明我的变量：

let a, b, c;
let arr = [1, 2, 3, 4, 5];
[a, b, c] = arr;

console.log(a) // logs 1
console.log(b) // logs 2
console.log(c) // logs 3

这通过了Babel编译器就好了.

但是,当我尝试对对象做同样的事情时,我收到了一个错误

let a, b, c
let obj = {cat: 'meow', dog: 'woof', mouse: 'squeak'};
{cat: a, dog: b, mouse: c} = obj;

console.log(a) // I want this to log 'meow'
console.log(b) // I want this to log 'woof'
console.log(c) // I want this to log 'squeak'

题

这是ES6还是Babel的怪癖/问题？如果它是ES6的故意,为什么与数组的处理方式有所不同？

注意

我理解用let替换var意味着我不需要预先声明我的变量,并且让let inline有效(并且,我相信,通常是首选).我想知道实现之间的区别,而不是“不要那样做”的答案.

解决方法:

在解构对象时,

>您需要使用与对象中的键相同的变量名称.只有这样,您才能获得一对一的通信,并且这些值将被正确地解构.
>如果你没有使用声明语句,你需要将整个赋值包装在括号中,否则左侧表达式中的对象文字将被视为一个块,你将得到语法错误.

所以你的固定代码看起来像这样

'use strict';
let cat, dog, mouse;
let obj = {cat: 'meow', dog: 'woof', mouse: 'squeak'};
({cat, dog, mouse} = obj);     // Note the `()` around

这相当于

'use strict';
let obj = {cat: 'meow', dog: 'woof', mouse: 'squeak'};
let {cat, dog, mouse} = obj;

内容总结

以上是互联网集市为您收集整理的javascript – 我可以预先声明变量以解析对象的分配吗？全部内容，希望文章能够帮你解决javascript – 我可以预先声明变量以解析对象的分配吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端