js鏈式呼叫

2022-08-17 23:30:20 字數 692 閱讀 3432

我們都很熟悉jquery了,只能jquery中一種非常牛逼的寫法叫鏈式操作

* $('#div').css('background','#ccc').removeclass('box').stop().animate()
那這是如何實現的呢,我自己寫了個例子:並非jquery原始碼

ferrinte.prototype.show=function () 

show(123)(456)(789);

// 控制台列印結果

// 123

// 456

// 789

我們發現,不寫函式名稱只寫()也可以實現函式執行,那我們這樣寫可以不可以呢

function show(str) (123)
原則上是可以的,但是這樣不符合js語法,會報錯

我們給函式外加上括號

(function show(str) )(123)
這樣就ok了,乙個自執行的函式

但是這樣寫在嚴格模式下回報錯,我們把函式賦值給乙個變數就好了

var a = (function show(str) )(123)
*注意:自執行函式不會被記憶體機制**

JS簡單鏈式呼叫

jquery裡面一些方法就是通過鏈式呼叫的 map items 遍歷的陣列的每一項 var arr 1,2,3 var num arr.map function items console.log num 2,3,4 var arr 1,2,3 var num arr.map function it...

JS 鏈式呼叫 原理及實踐

一 鏈式編碼 好處同一物件多次其屬性或方法的時候,我們需要多次書寫物件進行 或 操作 鏈式呼叫是一種簡化此過程的一種編碼方式,使 簡潔 易讀。舉個栗子 深刻不是很貼切的 日常餐廳取餐,通常我們一次拿取想要的食物一起結賬,如果每樣食物要分開取餐結賬估計內心的草泥馬要躁動起來了。常用場景 jquery的...

js實現方法的鏈式呼叫

假如這裡有三個方法 person.unmerried person.process person.married 在jquery中通常的寫法是 person.unmerried process married 而在js中要實現鏈式呼叫,只需在類中的每個方法中通過this關鍵字返回物件例項的引用。fu...