如何将箭头函数更改为常规函数?
How to change arrow function to regular function?
实际上,我正在和其他人一起编写代码,他们在一行中使用了箭头函数。我无法用常规功能替换它。
这是行:
const R = (elem) => object(document.querySelector(elem));
我试过将其更改为:
const R = function(elem) {
object(document.querySelector(elem))
};
但是没有什么好结果。 :(
箭头函数有一种内置的方法来缩短 return 语法:如果箭头函数只是 return 一行代码,您可以省略语句括号和 return 关键字。这告诉箭头函数 return 语句。因此,如果您不使用箭头函数,您唯一需要做的就是添加 return
关键字 explicit 。
const R = function(elem){ return object(document.querySelector(elem)) };
如果您尝试翻译使用 this
关键字的箭头函数,请小心。
更新:对评论的回应
在下面的代码中有括号用来定义一个对象,其函数为属性。如果你不使用括号,你需要在这个箭头函数中使用大括号和 return,否则你会得到一个 SyntaxError.
const object = (elem) => ({
css: function(attribute, value) {
elem.style[attribute] = value;
return object(elem);
}
});
没有箭头函数就变成了:
const object = function(elem) {
return {
css: function(attribute, value) {
elem.style[attribute] = value;
return object(elem);
}
};
}
实际上,我正在和其他人一起编写代码,他们在一行中使用了箭头函数。我无法用常规功能替换它。
这是行:
const R = (elem) => object(document.querySelector(elem));
我试过将其更改为:
const R = function(elem) {
object(document.querySelector(elem))
};
但是没有什么好结果。 :(
箭头函数有一种内置的方法来缩短 return 语法:如果箭头函数只是 return 一行代码,您可以省略语句括号和 return 关键字。这告诉箭头函数 return 语句。因此,如果您不使用箭头函数,您唯一需要做的就是添加 return
关键字 explicit 。
const R = function(elem){ return object(document.querySelector(elem)) };
如果您尝试翻译使用 this
关键字的箭头函数,请小心。
更新:对评论的回应
在下面的代码中有括号用来定义一个对象,其函数为属性。如果你不使用括号,你需要在这个箭头函数中使用大括号和 return,否则你会得到一个 SyntaxError.
const object = (elem) => ({
css: function(attribute, value) {
elem.style[attribute] = value;
return object(elem);
}
});
没有箭头函数就变成了:
const object = function(elem) {
return {
css: function(attribute, value) {
elem.style[attribute] = value;
return object(elem);
}
};
}