将 javascript 传播语法转换为旧版本代码答案

【问题标题】：convert javascript spread syntax to older version code将 javascript 传播语法转换为旧版本代码
【发布时间】：2019-07-16 11:16:09
【问题描述】：

我有一段使用扩展语法的代码。

在我的主服务器上，节点 js 版本是 0.10。由于某种原因，无法升级 node js。所以我正在转换所有箭头函数，以便它们与旧版本的节点 js 兼容。我无法转换传播运算符。我尝试使用Object.assign，但它一直显示语法错误。我对如何将扩展运算符转换为普通的 javascript 代码感到困惑。

这是我的代码：

senddata = Array.from({ ...data, length: Math.max(...Object.keys(data)) });

我发现转换它真的很混乱。事实上，我只是无法理解在哪里添加 Object.assign 以及如何修复有关它的语法错误。

对于箭头函数，我是这样转换的：

带箭头功能：

dag.get('obj')
      .then((data) => {

        run();
    }, (err) => {
        console.log(err)
      })

没有箭头功能

dag.get('obj')
      .then(function(data)  {

        run();
    }, function(err) {
        console.log(err)
      })

但无法转换传播语法。

这是我尝试过的：

Object.assign({data},length: Math.max(Object.assign({Object},keys(data))

此外，如何在不使用扩展语法或 Object.assign 的情况下编写相同的代码？

参考下面发布的答案和建议后，代码如下：

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

senddata = Array.from({ ...data,
  length: Math.max.apply(Math, _toConsumableArray(Object.keys(data)))
});

但我仍然收到...data 的错误

【问题讨论】：

“我尝试使用 Object.assign，但它一直显示语法错误” - 你能显示一个 minimal reproducible example 吗？这就是像 Babel 这样的编译器如何转换价差。
发布data值
显示你有成功转换的代码没有帮助，你问的是你没有的位 - 显示那个尝试。
添加了展开操作符的代码
或者更好，只是use Babel

标签： javascript node.js spread-syntax

【解决方案1】：

Babel 使用正确的预设为您的代码行创建这个：

"use strict";

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

senddata = Array.from(_objectSpread({}, data, {
  length: Math.max.apply(Math, _toConsumableArray(Object.keys(data)))
}));

【讨论】：

【解决方案2】：

{ ...obj } 对象传播语法是Object.assign({}, obj) 的语法糖。

Math.max(...iterable) 是常规扩展语法，对于函数参数，它被转换为 apply 调用。

应该是：

Object.assign({}, data, { length: Math.max.apply(null, Object.keys(data))) })

【讨论】：