用JavaScript破坏分配

Question

如在JavaScript 1.7的Mozilla changlog中所见，它们已添加了解构分配。 可悲的是，我不太喜欢这种语法（为什么要两次写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

但这确实很糟糕，因为_没有任何意义。 它只是一个空壳，用于存储名称。 但是可悲的是它是必需的，因为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对象范围直接创建“全局”变量：

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

这里还有几点：

• 我不会将此函数命名为“ assign”，因为这是一个笼统的术语。
• 为了更类似于JS 1.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中所做的事情：

文件->设置->语言和框架-> ...

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

->单击“应用”。

Answer 4

在标准JavaScript中，我们习惯了各种丑陋，并且使用中间变量来模拟解构分配还不错：

function divMod1(a, b) {
    return [ Math.floor(a / b), a % b ];
}

var _ = divMod1(11, 3);
var div = _[0];
var mod = _[1];
alert("(1) div=" + div + ", mod=" + mod );

但是我认为以下模式更像是偶合的：

function divMod2(a, b, callback) {
    callback(Math.floor(a / b), a % b);
}

divMod2(11, 3, function(div, mod) {
    alert("(2) div=" + div + ", mod=" + mod );
});

请注意，我们将两个结果作为参数传递给回调函数，而不是将两个结果作为数组返回。

（请参阅在http://jsfiddle.net/vVQE3/上运行的代码）