课程表

CoffeeScript 语法

CoffeeScript 类和对象

CoffeeScript 字符串

CoffeeScript 数组

CoffeeScript 日期和时间

CoffeeScript 数学

CoffeeScript 方法

CoffeeScript 元编程

CoffeeScript jQuery

CoffeeScript 正则表达式

CoffeeScript 网络

CoffeeScript 设计模式

CoffeeScript 数据库

CoffeeScript 测试

工具箱
速查手册

CoffeeScript 循环和推导式

当前位置:免费教程 » JS/JS库/框架 » CoffeeScript

你可以使用CoffeeScript将大多数的循环写成基于数组、对象或范围的推导式(comprehensions)。 推导式替代(编译为)for循环,并且可以使用可选的子句和数组索引值。 不同于for循环,数组的推导式是表达式,可以被返回和赋值。

CoffeeScript:
  1. # 吃午饭.
  2. eat food for food in ['toast', 'cheese', 'wine']
  3.  
  4. # 精致的五道菜.
  5. courses = ['greens', 'caviar', 'truffles', 'roast', 'cake']
  6. menu i + 1, dish for dish, i in courses
  7.  
  8. # 注重健康的一餐.
  9. foods = ['broccoli', 'spinach', 'chocolate']
  10. eat food for food in foods when food isnt 'chocolate'
编译成JS:
  1. var courses, dish, food, foods, i, _i, _j, _k, _len, _len1, _len2, _ref;
  2.  
  3. _ref = ['toast', 'cheese', 'wine'];
  4. for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  5. food = _ref[_i];
  6. eat(food);
  7. }
  8.  
  9. courses = ['greens', 'caviar', 'truffles', 'roast', 'cake'];
  10.  
  11. for (i = _j = 0, _len1 = courses.length; _j < _len1; i = ++_j) {
  12. dish = courses[i];
  13. menu(i + 1, dish);
  14. }
  15.  
  16. foods = ['broccoli', 'spinach', 'chocolate'];
  17.  
  18. for (_k = 0, _len2 = foods.length; _k < _len2; _k++) {
  19. food = foods[_k];
  20. if (food !== 'chocolate') {
  21. eat(food);
  22. }
  23. }

推导式可以适用于其他一些使用循环的地方,例如each/forEach, map,或者select/filter,例如: shortNames = (name for name in list when name.length < 5)
如果你知道循环的开始与结束,或者希望以固定的跨度迭代,你可以在范围推导式中 指定开始与结束。

CoffeeScript:
  1. countdown = (num for num in [10..1])
编译成JS:
  1. var countdown, num;
  2.  
  3. countdown = (function() {
  4. var _i, _results;
  5. _results = [];
  6. for (num = _i = 10; _i >= 1; num = --_i) {
  7. _results.push(num);
  8. }
  9. return _results;
  10. })();

如果你希望仅迭代在当前对象中定义的属性,通过hasOwnProperty检查并 避免属性是继承来的,可以这样来写:
for own key, value of object

CoffeeScript仅提供了一种底层循环,即while循环。与JavaScript中的while 循环的主要区别是,在CoffeeScript中while可以作为表达式来使用, 而且可以返回一个数组,该数组包含每个迭代项的迭代结果。

CoffeeScript:
  1. # 经济 101
  2. if this.studyingEconomics
  3. buy() while supply > demand
  4. sell() until supply > demand
  5.  
  6. # 摇篮曲
  7. num = 6
  8. lyrics = while num -= 1
  9. "#{num} little monkeys, jumping on the bed.
  10. One fell out and bumped his head."
编译成JS:
  1. var lyrics, num;
  2.  
  3. if (this.studyingEconomics) {
  4. while (supply > demand) {
  5. buy();
  6. }
  7. while (!(supply > demand)) {
  8. sell();
  9. }
  10. }
  11.  
  12. num = 6;
  13.  
  14. lyrics = (function() {
  15. var _results;
  16. _results = [];
  17. while (num -= 1) {
  18. _results.push("" + num + " little monkeys, jumping on the bed. One fell out and bumped his head.");
  19. }
  20. return _results;
  21. })();

为了更好的可读性,until关键字等同于while not, loop关键字 等同于while true

使用 JavaScript 循环生成函数的时候, 经常会添加一个闭包来包裹代码, 这样做目的是为了循环的变量被保存起来, 而不是所有生成的函数搜去访问最后一个循环的变量. CoffeeScript 提供了一个 do 关键字, 用来直接调用跟在后边的函数, 并且传递需要的参数.

CoffeeScript:
  1. for filename in list
  2. do (filename) ->
  3. fs.readFile filename, (err, contents) ->
  4. compile filename, contents.toString()
编译成JS:
  1. var filename, _fn, _i, _len;
  2.  
  3. _fn = function(filename) {
  4. return fs.readFile(filename, function(err, contents) {
  5. return compile(filename, contents.toString());
  6. });
  7. };
  8. for (_i = 0, _len = list.length; _i < _len; _i++) {
  9. filename = list[_i];
  10. _fn(filename);
  11. }
转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号