在JavaScript中解构赋值

Question

可以在JavaScript 1.7的Mozilla更改日志中看到，他们已经添加了解构任务。遗憾的是，我不太喜欢它的语法(为什么要写a和b两次呢？)：

var a, b;  
[a, b] = f();

像这样的东西会好得多：

var [a, b] = f();

这仍然是向后兼容的。类似Python的解构不会向后兼容。

无论如何，我所能想到的JavaScript 1.5最好的解决方案是：

function assign(array, map) {
    var o = Object();
    var i = 0;
    $.each(map, function(e, _) {
        o[e] = array[i++];
    });
    return o;
}

它的工作原理如下：

var array = [1,2];
var _ = assign[array, { var1: null, var2: null });
_.var1; // prints 1
_.var2; // prints 2

但这真的很糟糕，因为_没有任何意义。它只是一个空的shell来存储名字。但遗憾的是，它是必需的，因为JavaScript没有指针。从好的方面来说，您可以在值不匹配的情况下指定默认值。另请注意，此解决方案不会尝试对数组进行切片。所以你不能做像{first: 0, rest: 0}这样的事情。但是，如果有人想要这样的行为，那是很容易做到的。

什么是更好的解决方案？

Answer 1

首先，var [a, b] = f()在JavaScript 1.7中工作得很好--试试吧！

其次，您可以使用with()稍微理顺使用语法

var array = [1,2];
with (assign(array, { var1: null, var2: null }))
{
   var1; // == 1
   var2; // == 2
}

当然，这不允许你修改现有变量的值，所以我认为它比JavaScript 1.7的特性用处要小得多。在我现在编写的代码中，我只是直接返回对象并引用它们的成员--我将等待1.7的特性变得更加广泛。

Answer 2

您不需要虚拟的"_“变量。您可以使用窗口对象作用域直接创建“全局”变量：

window["foo"] = "bar";
alert(foo); // Gives "bar"

以下是其他几点：

我不会将这个函数命名为“argument.

• Using”，因为这个术语太通用了。为了更接近于JS1.7语法，我会让函数把目标作为第一个参数，把源作为第二个参数。传递目标变量的对象字面量很酷，但可能会与JS 1.7解构混淆，因为目标实际上是一个对象，而不是一个数组。我更喜欢使用逗号分隔的变量名列表作为字符串。

这是我想出来的：

function destructure(dest, src) {  
    dest = dest.split(",");  

    for (var i = 0; i < src.length; i++) {  
        window[dest[i]] = src[i];  
    }  
}  

var arr = [42, 66];  

destructure("var1,var2", arr); 

alert(var1); // Gives 42
alert(var2); // Gives 66

Answer 3

下面是我在PHPstorm 10中所做的：

-> Languages & Frameworks ->文件->设置...

..。将JavaScript语言版本设置为例如JavaScript 1.8.5...

->单击Apply。