coffeescript的不同写法（ $ = jQuery // $ = @jQuery）

This topic created in 4800 days ago, the information mentioned may be changed or developed.

刚刚接触 coffee，求教 >.<

这两种有什么不同么？
两种的javascript 就是一个 $ = jQuery; 另一个 $ = this.jQuery;
但是都是在 (function(){ }).call(this) 里面，

另外还看到过一种写法：
$ = require('jquery')
这个又是什么状况呢？

jquery

写法

require

14 replies • 1970-01-01 08:00:00 +08:00

tangzx

May 26, 2013 via iPhone

你都知道@jQuery等价于this.jQuery了吧？

JavaScript在浏览器里运行时最外层的this指向window,故这几种写法没区别，如果直接贴在<script>里的话

icexfire

May 26, 2013

@tangzx 也就是这几种都因为在 (function(){ }).call(this) 里面，所以 this 都不是指向 windows 的，都是指向那个匿名的 function()么？
然后 @jquery 只是显式的表示出来了，这样么？

那么 require 那个呢？

icexfire

May 26, 2013

@livid 出现乱码了囧

icexfire

May 26, 2013

@tangzx 难道 $ = require('jquery') 这种是在coffee编译成js的时候自动解决添加依赖的jquery么？就不用手动在网页中载入 jq了？ >.<

insraq

May 26, 2013

$ = require('jquery') 跟CoffeeScript没关系，是把jQuery wrap成了一个CommonJS module.

icexfire

May 26, 2013

@insraq 但是 jquery 这个不是只能用在浏览器操作 dom 之类的操作么。。。CommonJS 不涉及这个吧？。。。那为什么要弄成 module？

insraq

May 26, 2013

jQuery可以用在node.js上的 http://blog.jquery.com/2013/04/09/jquery-2-0-beta-3-released/

CommonJS只是一个module的组织方法，虽然不像AMD针对browser做了优化，但是也不是不可以用在browser中的，当然最主要还是用在node.js中。

tangzx

May 26, 2013 via iPhone

function(){ }).call(this) 的意思是函数里面的this和外面的this（window）为同一个东西

tangzx

May 26, 2013 via iPhone

官方原版的jQuery会同时绑定window.jQuery和局部变量jQuery,所以this.jQuery和直接jQuery效果一样

tangzx

May 26, 2013 via iPhone

地铁&&手机上敲代码敲代码我容易么我

icexfire

May 26, 2013

@tangzx "会同时绑定window.jQuery和局部变量jQuery" 这个是在哪里看到的呢？好奇～

tangzx

May 26, 2013

@icexfire 这个确实是俺搞错了，你可以在firebug或者chromedev控制台里试一试window.a=1，然后直接调用a就能出1了，所以应该不是同时绑定，而是”就是一个东西“

tangzx

May 26, 2013

(function($=this.jQuery;){ }).call(this) //正确
(function($=this.jQuery;){ })() //错误，$会为undefined

chuangbo

May 27, 2013 via iPad

以楼主现在的 JS 程度，不需要纠结在这个细节上，先模仿吧。