JS簡單鏈式呼叫

2021-09-23 10:43:45 字數 726 閱讀 1780

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 (items) ).reduce(function (a,b) )

​        console.log(num);//0 --- 2+3+4 = 9]

​/*

reduce 實現陣列裡的每個數相加,也就是給陣列的每一項求總和

reduce(function(a,b),a)--a的初始值

*/var arr = [1,2,3];

var num_1 = arr.reduce(function (a,b) )

console.log(num_1);//6

​/*

鏈式呼叫

乙個鍊子接乙個鍊子

*/var arr = [1,2,3];

var num  = arr.map(function (items) ).reduce(function (a,b) )

​console.log(num);//0 --- 2+3+4 = 9

js鏈式呼叫

我們都很熟悉jquery了,只能jquery中一種非常牛逼的寫法叫鏈式操作 div css background ccc removeclass box stop animate 那這是如何實現的呢,我自己寫了個例子 並非jquery原始碼 ferrinte.prototype.show funct...

JS 鏈式呼叫 原理及實踐

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

js實現方法的鏈式呼叫

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