将 javascript 传播语法转换为旧版本代码
convert javascript spread syntax to older version code
我有一段使用扩展语法的代码。
在我的主服务器上,node 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
的错误
{ ...obj }
对象传播语法是 Object.assign({}, obj)
.
的语法糖
Math.max(...iterable)
是常规扩展语法,对于函数参数,它被翻译成 apply
调用。
应该是:
Object.assign({}, data, { length: Math.max.apply(null, Object.keys(data))) })
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)))
}));
我有一段使用扩展语法的代码。
在我的主服务器上,node 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
{ ...obj }
对象传播语法是 Object.assign({}, obj)
.
Math.max(...iterable)
是常规扩展语法,对于函数参数,它被翻译成 apply
调用。
应该是:
Object.assign({}, data, { length: Math.max.apply(null, Object.keys(data))) })
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)))
}));