| 失效链接处理 |
|
coffeescript 入门手册 PDF 下载
本站整理下载：
提取码：g0xb
相关截图：
主要内容：
1 引入 CoffeeScript 编辑器
<script src="https://github.com/jashkenas/coffeescript/blob/
master/extras/coffee-script.js" type="text/javascript"></script>
<script type="text/coffeescript">
alert ’Hello, World!’
</script>
2 换行
行尾使用“\” 3 定义方法
使用“->”符号
this.sayHi = ->
console.log "Hello, World!"
转换为 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
4 共享函数
将函数共享到外面的方法
4.1 使用 this
this.sayHi = ->
console.log "Hello, World!"
2
转换为 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
4.2 使用“@”
@sayHi = ->
console.log "Hello, World!"
转换为 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
5 插值
5.1 插值字符串 (使用双引号)
CoffeeScript Code:
someName = ’user[firstName]’
field = "<input type=’text’ name=’#{someName}’ >"
console.log field
JavaScript Code:
(function(){
var field, someName;
someName = ’user[firstName]’;
field = "<input type=’text’ name=’" + someName + ">"
console.log(field);
}).call(this);
5.2 文本字符串
使用单引号来构建字符串时，不能使用插值字符串形式插值。
6 构建多行字符串－ heredoc
CoffeeScript Code:
3
someName = ’user[firstName]’
someId = ’firstName’
someValue = ’Bob’
field = """
<ul>
<li>
<input type=’text’ name=’someName’ id=’#{someId}’ value=’#{escape(someValue)}’ />
</li>
</ul>
"""
console.log field
JavaScript Code:
(function(){
var field, someId, someName, someValue;
someName = ’user[firstName]’;
someId = ’firstName’;
someValue = ’Bob’;
field = "<ul>\n <li>\n <input type=’text’ name=’" + someName + "’ id=’" + someId + "’ value=’" + (escape(someValue)) + "\>\n </li>\n</ul>";
console.log(field);
})
7 注释
7.1 内联注释
"#" 号后的内容将被 CoffeeScript 编译器忽略。CoffeeScript Code:
# 这是注释1
console.log "test" # 这是注释2
JavaScript Code:
console.log("test");
7.2 块级注释
"###" 三个 # 号定义块级注释。CoffeeScript 编译器会将块级注释带到编译后
的 JavaScript 代码中。CoffeeScript Code:
###
测试例子
作者：aaron
日期：2015-12-25
###
console.log "test"
4
JavaScript Code:
/*
测试例子
作者：aaron
日期：2015-12-25
*/
console.log("test");
8 正则表达式
正则表达式的定义及使用 CoffeeScript 和 JavaScript 是相同的。
8.1 多行正则表示式（使用"/" 符号）
CoffeeScript Code:
REGEX = /// ^
(/ (?! [\s=]) # 不允许开头空格或者等号符号
[^ [/ \n \\]* # 所有其他内容
(?:
(?: \\[\s\S] # 任何转义的内容
| \[ # 字符类
[^ \] \n \\ ]*
(?: \\[\s\S] [^ \] \n \\)* )*
]
) [^ [ / \n \\ ]*
)*
/) ([imgy]{0,4}) (?!\w)
///
JavaScript Code:
(function(){
var REGEX;
REGEX = /^(\/(?![\s=])[^[\/\n\\]*(?:(?:\\[\s\S]|\[[^\]\n\\]*(?:\\[\s\S][^\]\n\\]*)*])[^[\/\n\\]*]*\/)([imgy]{0,4})(?!\w)/;
}).call(this);
9 操作符
9.1 比较操作符
CoffeeScript 中"=" 会编译成"=="(完全等于); "!=" 会编译成"!=="(不完全相同)
9.2 与存在相关操作符 (existential operator)
使用“?”操作符就能检查一个变量或者函数是否存在。CoffeeScript Code:
console.log someObject?.someFunction()
5
JavaScript Code:
(function(){
console.log((typeof someObject !== "undefined" && someObject !== null) ? someObject.someFunction() : void(0));
}).call(this);
9.3 别名
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
