javascript高級程序設計讀書筆記(四)

NO.1 引用類型中的Date類型

創建一個日期對象
var now = new Date();
如果對象中沒有傳入參數,則默認取當前時間
想要創建特定的日期對象,用Date.prase()或者Date.UTC();
var someDate = new Date(Date.parse("May 25, 2004"))等價于
var someDate = new Date("May 25,2004")

var allFives = new Date(Date.UTC(2005,4,5,17,55,55)); //表示GTM時間2005年5月5日下午5:55:55
var allFives = new Date(2005,4,5,17,55,55) //這兩個創建的時間對象都是基于系統設置的本地時區設置的

ES5中添加了Date.now()方法,返回表示調用這個方法時的日期和時間的毫秒數
這個方法簡化了使用Date對象分析代碼的工作,例如:

var start = Date.now()
doSomething()
var stop = Date.now()
var result = stop - start

繼承的方法toString,根據瀏覽器設置的地區相適應的格式返回日期和時間;
valueOf()方法,不返回字符串,返回日期的毫秒數表示,,因此日期可以比較大小;

NO.2 RegExp類型

JS通過RegExp類型來支持正則表達式
var expression = / 表達式(pattern)/(標志g/i/m)

標志:
g表示全局,即模式將被應用于所有字符串,而非在發現第一個匹配項時立即停止
i表示不區分大小寫模式
m表示多行模式,即在到達一行文本末尾時,還會繼續查找下一行是否存在于模式中匹配的項

NO.3 Function類型

每個函數都是Function的實例,并且和其他引用類型一樣具有屬性和方法,關鍵句:『函數是對象,函數名是指針』

函數定義的三種方式:
1.使用函數聲明語法直接定義

function sum (a , b){
    return a+b ;
}

2.使用函數表達式

var sum = function(a, b){
    return a +b ;
};

3.使用Function的構造函數

var sum = new Function("num1","num2", "return num1+num2");

一個函數可能會有多個名字:

function sum(sum1, sum2){
    return sum1 + sum2
}
alert(sum(10,10)); //20

var anotherSum = sum
alert(anotherSum(10,10)) //20

sum = null
alert(anotherSum(10,10)) //20

注意,使用不帶圓括號的函數名是訪問函數指針,而非調用函數,以上例子就是anotherSum和sum都指向同一個函數,因此anotherSum也可以被調用

函數聲明提升:
解析器會率先讀取函數聲明,并使之在執行任何代碼之前可以用,例如:

alert(sum(10, 10));
function sum(sum, sum2){
    return num1+num2;
} //20

以上代碼是可以執行的,因為在代碼開始執行之前,解析器就通過一個名為函數聲明提升的過程,讀取并將函數聲明添加到執行環境中。如果將函數換成表達式方式定義,將會報錯;

alert(sum(sum1, sum2));
var sum = function(sum, sum2){
    return num1+num2;
} //error

作為值的函數:
因為JS中的函數名本身就是變量,所以函數也是可以作為值來使用,也就是說,不僅僅可以像傳遞參數一樣把一個函數傳遞給另一個函數,也可以將一個函數作為另一個函數的結果返回。例子:
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
這個函數接收2個參數,第一個是一個函數,第二個參數是要傳遞給該函數的一個值,然后就可以像下面的例子傳遞函數了

function add10(num){
    return num +10;
}

var result1 = callSomeFunction(add10, 10)
alert(result1); //20

函數內部屬性:
在函數內部,有兩個特殊的對象,arguments和this
arguments類數組對象,包含著傳入函數中的所有參數。arguments還有一個屬性,叫做callee。這個屬性是一個指針,指向擁有這個arguments對象的函數。

callee的作用,是用來消除函數引用自己時的耦合,比如:

function factorial(num){
    if(num<1){
        return 1;
    } else {
        return num*factorial(num-1)
    }
}

上面那個函數,當函數重命名之后,就函數就不能正確執行,解決辦法如下:

function factorial(num){
    if(num<1){
        return 1;
    } else {
        return num*arguments.callee(num-1)
    }
}

函數內部另外一個特殊的對象this

this引用的是函數據以執行的環境對象--或者也可以說是this值(當在網頁的全局作用域中調用函數時,this對象引用的就是window)例子如下:

window.color = "red";
var o = { color:"blue" };
function sayColor(){
    alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor
o.sayColor(); // "blue"

當運行sayColor()時,函數的執行的環境對象為window對象。
當運行o.sayColor()時,函數的執行對象為o對象。

函數屬性和方法:

每個函數包含兩個屬性,length和prototype,其中length表示函數希望接收到的命名參數的個數。

prototype,對于引用類型而言,prototype是保存所有實例方法的真正所在。例如:toString()和valueOf();

每個函數都包含非繼承而來的兩個方法:apply()和call();
apply()和call()的真正強大的地方是可以擴充函數賴以運行的作用域:

window.color = "red";
var o = { color: "blue" };
function sayColor(){
    alert(this.color);
}
sayColor();

sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o); //blue

ES5還定義了一個方法,叫做bind(),這個方法會創建一個函數的實例,其this值會被綁定到傳給bind()函數的值。例如:

window.color = "red";
var o = {color :"blue"}
function sayColor(){
    alert(this.color);
}
var objectSaycolor = sayColor.bind(o);
objectSaycolor(); //"blue"
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容