將javascript傳播語法轉換為舊版本代碼

Question

我有一段使用傳播語法的代碼。

在我的主服務器上，節點js版本為0.10。 由於某些原因，無法升級節點js。 因此，我將轉換所有箭頭功能，使其與舊版本的node 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出錯

Answer 1

{ ...obj }對象傳播語法是Object.assign({}, obj)語法糖。

Math.max(...iterable)是常規的擴展語法，對於函數參數，將其轉換為apply調用。

它應該是：

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

Answer 2

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)))
}));