沐鳴代理:_淺析 JavaScript 中的方法鏈

在處理字符串時有兩種方法。第一個種不用方法鏈,這要求必須在字符串上分別使用每個方法,這樣必須每次都引用這個字符串。,
,方法鏈是一種流行的編程方法,可以幫助你寫出更簡潔易讀的代碼。在本文中我們一起學習 JavaScript 中的方法鏈是什麼,以及它是怎樣工作的。另外我們還會探討如何使用方法鏈接來提高代碼的質量和可讀性。,方法鏈的例子,// 在字符串上使用方法鏈的例子

let myStr = ‘ – Hello-world. ‘

// 不用方法鏈:

myStr = myStr.toLowerCase()

myStr = myStr.replace(/-/g, ‘ ‘)

myStr = myStr.trim()

// 用方法鏈:

myStr = myStr.toLowerCase().replace(/-/g, ‘ ‘).trim()

// 多行方法鏈的寫法:

myStr = myStr

.toLowerCase()

.replace(/-/g, ‘ ‘)

.trim()

// 查看 “myStr” 的值

console.log(myStr)

// Output:

// ‘hello world.’

,// 創建 Promise

const myPromise = new Promise((resolve, reject) => {

// 創建一個假延遲

setTimeout(function() {

// 用一條簡單的消息解決諾言 promise

resolve(‘Sorry, no data.’)

}, 1000)

})

// 使用方法鏈:

myPromise.then((data) => console.log(data)).catch(err => console.log(error))

// 多行方法鏈的寫法:

myPromise

.then((data) => console.log(data))

.catch(err => console.log(error))

// Output:

// ‘Sorry, no data.’,在數組上也能用方法鏈:,第二種方式是用方法鏈。這時可以用所有想要的字符串方法。寫出的代碼也可以是單行或多行,這取決於你的習慣。而且只需要引用一次字符串。儘管結果相同,但是代碼量卻有很大的差異。,// 在數組上使用方法鏈的例子

let myArray = [1, 7, 3, null, 8, null, 0, null, ’20’, 15]

// 不用方法鏈:

myArray = myArray.filter(el => typeof el === ‘number’ && isFinite(el))

myArray = myArray.sort((x, y) => x – y)

// 使用方法鏈:

myArray = myArray.filter(el => typeof el === ‘number’ && isFinite(el)).sort((x, y) => x – y)

// 多行方法鏈的寫法:

myArray = myArray

.filter(el => typeof el === ‘number’ && isFinite(el))

.sort((x, y) => x – y)

// 查看 “myArray” 的值.

console.log(myArray)

// Output:

// [ 0, 1, 3, 7, 8 ]

,你一定曾經用過 jQuery 之類的庫,可能看到過類似的東西。在進行級聯時主要有兩種方法:一種是一個接一個的執行方法,另一種是在同一行上。在純 JavaScript 中這種做法也很普遍。你可以在數組、字符串和 promise 看到它。,在這些情況下所有的過程都是相同的。首先引用要使用的對象。然後根據需要使用多種方法。但不是單獨使用這些方法,而要一個接一個地使用。基本上是把它們鏈接在一起。先看一些例子。,
,在處理字符串時有兩種方法。第一個種不用方法鏈,這要求必須在字符串上分別使用每個方法,這樣必須每次都引用這個字符串。