位置: 編程技術 - 正文
推薦整理分享談談JavaScript中的幾種借用方法(請問在javascript程序中),希望有所幫助,僅作參考,歡迎閱讀內容。
文章相關熱門搜索詞:javascript的語句,javascript的語句,簡述javascript,javascript的理解,請問在javascript程序中,簡要說明javascript的作用,javascript的理解,簡要說明javascript的作用,內容如對您有幫助,希望把文章鏈接給更多的朋友!
前言
通過call()、apply()和bind()方法,我們可輕易地借用其它對象的方法,而無須從這些對象中繼承它。
在JavaScript中借用方法
在JavaScript中,有時可以重用其它對象的函數(shù)或方法,而不一定非得是對象本身或原型上定義的。通過 call()、apply() 和 bind() 方法,我們可輕易地借用其它對象的方法,而無須繼承這些對象。這是專業(yè) JavaScript 開發(fā)者常用的手段。
原型方法
在 JavaScript 中,除了不可更改的原始數(shù)據(jù)類型,如 string、number 和 boolean,幾乎所有的數(shù)據(jù)都是對象。Array 是一種適用于遍歷和轉換有序數(shù)列的對象,其原型上有 slice、join、push 和 pop 等好用的方法。
一個常用的例子是,當對象和數(shù)組都是列表類型的數(shù)據(jù)結構時,對象可以從數(shù)組“借用”方法。最常借用的方法是 Array.prototype.slice。
借用方法之所以可行,是因為 call 和 apply 方法允許在不同上下文中調用函數(shù),這也是重用已有功能而不必繼承其它對象的好方法。實際上,數(shù)組在原型中定義了很多常用方法,比如 join 和 filter 也是:
可以看出,不僅對象可以借用數(shù)組的方法,字符串也可以。但是因為泛型方法是在原型上定義的,每次想要借用方法時都必須使用 String.prototype 或 Array.prototype。這樣寫很??攏?蕓煬突崍釗松??。?行У姆椒ㄊ鞘褂米置媼坷創(chuàng)锏酵??哪康摹?/p>
使用字面量借用方法
字面量是一種遵循JavaScript規(guī)則的語法結構,MDN 這樣解釋:
在JavaScript中,使用字面量可以代表值。它們是固定值,不是變量,就是在腳本中按字面給出的。字面量可以簡寫原型方法:
這樣看上去沒有那么冗長了,但是必須直接在 [] 和 "" 上操作以借用方法,仍然有點丑??梢岳米兞勘4鎸ψ置媪亢头椒ǖ囊?,這樣寫起來更簡便些:
有了借用方法的引用,我們就可以輕松地使用 call() 調用它了,這樣也可以重用代碼。秉著減少冗余的原則,我們來看看可否借用方法卻不用每次調用都要寫 call() 或者 apply():
如你所見,現(xiàn)在可以使用 Function.prototype.call.bind 來靜態(tài)綁定從不同原型“借來的”方法了。但是 var slice = Function.prototype.call.bind(Array.prototype.slice) 這句話實際是如何起作用的呢?
理解 Function.prototype.call.bind
Function.prototype.call.bind 乍一看有些復雜,但是理解它是如何起作用的會非常有益。
Function.prototype.call 是一種引用,可以“call”函數(shù)并將設置其“this”值以在函數(shù)中使用。注意“bind”返回一個存有其“this”值的新函數(shù)。因此 .bind(Array.prototype.slice) 返回的新函數(shù)的“this”總是 Array.prototype.slice 函數(shù)。
綜上所述,新函數(shù)會調用“call”函數(shù),并且其“this”為“slice”函數(shù)。調用 slice() 就會指向之前限定的方法。
自定義對象的方法
繼承很棒,但是開發(fā)者通常在想要重用一些對象或模塊間的通用功能時才會使用。沒必要僅為代碼重用使用繼承,因為在多數(shù)情況下簡單的借用方法會很復雜。
之前我們只討論了借用原生方法,但是借用任何方法都是可以的。比如下面的代碼可以計算積分游戲的玩家分數(shù):
雖然上面的例子很生硬,但是可以看出,就像原生方法一樣,用戶定義的方法也可以輕松借用。
總結
Call、bind 和 apply 可以改變函數(shù)的調用方式,并且經常在借用函數(shù)時使用。多數(shù)開發(fā)者熟悉借用原生方法,但是較少借用自定義的方法。
近幾年 JavaScript 的函數(shù)式編程發(fā)展不錯,怎樣使用 Function.prototype.call.bind 借用方法才更加簡便?估計這樣的話題會越來越常見。
標簽: 請問在javascript程序中
本文鏈接地址:http://jsrtzm.cn/biancheng/373572.html 轉載請保留說明!友情鏈接: 武漢網站建設