我希望通过向原型添加方法来添加扩展javascript对象的功能
该方法将接收一个或多个其他对象,并将所有键/值添加到this
这就是我想出的:
Object::extend = (objects...) ->
@[key] = value for key, value of object for object in objects
或者这个:
Object::extend = (objects...) ->
for object in objects
for key, value of object
@[key] = value
两者都按预期工作,并编译成相同的JavaScript代码:
var __slice = [].slice;
Object.prototype.extend = function() {
var key, object, objects, value, _i, _len, _results;
objects = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
_results = [];
for (_i = 0, _len = objects.length; _i < _len; _i++) {
object = objects[_i];
_results.push((function() {
var _results1;
_results1 = [];
for (key in object) {
value = object[key];
_results1.push(this[key] = value);
}
return _results1;
}).call(this));
}
return _results;
};
我不太高兴的是每个for循环创建的整个结果,这对我来说是完全多余的。
有没有办法让代码更像:
Object.prototype.extend = function() {
var key, object, objects, value, _i, _len;
objects = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
for (_i = 0, _len = objects.length; _i < _len; _i++) {
object = objects[_i];
(function() {
for (key in object) {
value = object[key];
this[key] = value;
}
}).call(this);
}
};
感谢。
我知道我可以简单地embed javascript代码,但正在寻找一个coffeescript解决方案。
答案 0 :(得分:4)
您可以尝试添加明确的return
:
Object::extend = (objects...) ->
for object in objects
for key, value of object
@[key] = value
return
这产生了这个:
var __slice = [].slice;
Object.prototype.extend = function() {
var key, object, objects, value, _i, _len;
objects = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
for (_i = 0, _len = objects.length; _i < _len; _i++) {
object = objects[_i];
for (key in object) {
value = object[key];
this[key] = value;
}
}
};
每个CoffeeScript函数都返回函数中最后一个表达式的值,CoffeeScript循环也是表达式。这意味着CoffeeScript必须构建所有_results
内容以为函数生成返回值,因为您有一个隐式return
应用于外部循环。如果你通过添加一个显式的“return nothing”删除那个隐式return
,那么CS→JS编译器似乎足够聪明,不能完成所有额外的_results
工作。