JavaScript中的解构赋值

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (53)

从Mozilla的JavaScript 1.7版本中可以看出,他们增加了解构赋值。可悲的是我不喜欢语法(为什么要写两次?):

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}。但是,如果有人想要这种行为,那很容易做到。

什么是更好的解决方案?

提问于
用户回答回答于

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

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

热门问答

腾讯会议共享屏幕,其他人收到的是黑屏?

如何用命令修改腾讯云解析目标ip?

氧化先生道可道 非常道 名可名 非常名
推荐
可以,参考: https://cns.api.qcloud.com/v2/index.php? &<公共请求参数> &Action=RecordCreate &domain=qcloud.com &subDomain=www &recordType=A &recordLine=默...... 展开详请

腾讯云音视频 支持 移动端h5吗( 不是小程序的)?

shixin

腾讯 · 高级产品经理 (已认证)

推荐

实时音视频TRTC的Web版是基于WebRTC的方案,需要浏览器的对WebRTC的支持,支持WebRTC的浏览器就可以。但是,移动端浏览器对WebRTC支持的情况并不好,建议使用小程序版。

组队匹配完整流程是怎样的?感觉缺少API支持?

您好,matchgroup匹配成功后,小组成员会进入同一个房间和同一个队伍,这个API需要传玩家ID,通过邀请好友进房间就能拿到玩家的id,解散房间后再调用matchgroup,在没有解散房间不能调用matchGroup 接口。

SCF使用了k8s或docker容器技术吗?

Mason-Serverless

腾讯 · 产品经理 (已认证)

推荐

SCF的新架构使用的轻量化虚拟机技术,同时MVM里内嵌的有docker,但是没有使用K8S

腾讯云IoT物联平台中如何自定义Topic?

DylanRichard

腾讯 · 产品经理 (已认证)

万物互联的时代,欢迎来到IoT的世界
推荐已采纳
第二个是物联网通信平台(IoT Hub)的,https://cloud.tencent.com/document/product/634/32546。目前物联网开发平台(IoT explorer)只支持基于数据模板协议的接入(文档 https://cloud.tencent.co...... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券