| 失效鏈接處理 |
|
coffeescript 入門手冊(cè) PDF 下載
本站整理下載：
提取碼：g0xb
相關(guān)截圖：
主要內(nèi)容：
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 定義方法
使用“->”符號(hào)
this.sayHi = ->
console.log "Hello, World!"
轉(zhuǎn)換為 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
4 共享函數(shù)
將函數(shù)共享到外面的方法
4.1 使用 this
this.sayHi = ->
console.log "Hello, World!"
2
轉(zhuǎn)換為 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
4.2 使用“@”
@sayHi = ->
console.log "Hello, World!"
轉(zhuǎn)換為 Javascript
(function(){
this.sayHi = function() {
return console.log("Hello, World!");
}
}).call(this)
5 插值
5.1 插值字符串 (使用雙引號(hào))
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 文本字符串
使用單引號(hào)來構(gòu)建字符串時(shí)，不能使用插值字符串形式插值。
6 構(gòu)建多行字符串－ 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 內(nèi)聯(lián)注釋
"#" 號(hào)后的內(nèi)容將被 CoffeeScript 編譯器忽略。CoffeeScript Code:
# 這是注釋1
console.log "test" # 這是注釋2
JavaScript Code:
console.log("test");
7.2 塊級(jí)注釋
"###" 三個(gè) # 號(hào)定義塊級(jí)注釋。CoffeeScript 編譯器會(huì)將塊級(jí)注釋帶到編譯后
的 JavaScript 代碼中。CoffeeScript Code:
###
測(cè)試?yán)?/div>
作者：aaron
日期：2015-12-25
###
console.log "test"
4
JavaScript Code:
/*
測(cè)試?yán)?/div>
作者：aaron
日期：2015-12-25
*/
console.log("test");
8 正則表達(dá)式
正則表達(dá)式的定義及使用 CoffeeScript 和 JavaScript 是相同的。
8.1 多行正則表示式（使用"/" 符號(hào)）
CoffeeScript Code:
REGEX = /// ^
(/ (?! [\s=]) # 不允許開頭空格或者等號(hào)符號(hào)
[^ [/ \n \\]* # 所有其他內(nèi)容
(?:
(?: \\[\s\S] # 任何轉(zhuǎn)義的內(nèi)容
| \[ # 字符類
[^ \] \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 中"=" 會(huì)編譯成"=="(完全等于); "!=" 會(huì)編譯成"!=="(不完全相同)
9.2 與存在相關(guān)操作符 (existential operator)
使用“?”操作符就能檢查一個(gè)變量或者函數(shù)是否存在。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 |
蘇公網(wǎng)安備 32061202001004號(hào)
