使用CoffeeScript扩展Javascript对象

时间:2012-06-08 00:28:11

标签: coffeescript

我希望通过向原型添加方法来添加扩展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解决方案。

1 个答案:

答案 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工作。