JS 設計模式五（鏈式調用）

SillyMonkey 發布于2019-08-19 18:17 / 3102人閱讀

摘要：使用回調技術可以使取值器方法也只是鏈式調用。代碼不用用總結鏈式調用比較常見的就是庫了。主要就是函數后加上，使對象可以繼續調用函數達到支持鏈式調用的類。

鏈式調用

這個解釋起來比較難，我覺得直接看代碼比較直接，這個鏈式調用的主要用處，就是使代碼更加簡化，增加代碼易讀性。使用回調技術可以使取值器方法也只是鏈式調用。

代碼

/*get不用callback
function Person(name) {
  var _name = name;
  this.setName = function (name) {
    _name = name;
    return this;
  };
  this.getName = function () {
    return _name
  };
}
var jordan = new Person("jordan1");
console.log(jordan.getName())
console.log(jordan.setName("Meow1").getName());
//*/

/*get用callback
function Person(name) {
  var _name = name;
  this.setName = function (name) {
    _name = name;
    return this;
  };
  this.getName = function (callback) {
    callback.call(this, _name);
    return this
  };
}

var jordan = new Person("jordan");
jordan.getName(console.log).setName("Meow").getName(console.log);
//*/

總結

鏈式調用比較常見的就是jquery庫了。主要就是函數后加上return this，使對象可以繼續調用函數達到支持鏈式調用的類。

云服務器 GPU云服務器 Java設計模式之（五）——代理模式調用模式 js調用js js 調用 ${}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79415.html

promise/deferred 模式原理分析和實現

摘要：三模式模式其實包含兩部分和。六化在編碼的時候，想要用進行異步操作流程控制，就要將當前的異步回調函數封裝成。一、什么是promise/deferred 模式 promise/deferred 模式是，根據promise/A 或者它的增強修改版promise/A+ 規范實現的promise異步操作的一種實現方式。異步的廣度使用使得回調，嵌套出現，但是一但出現深度的嵌套，就會讓codi...

gclove 2019-08-21 11:48 評論0 收藏0
JS異步編程之Promise

摘要：三是控制反轉控制權在其他人的代碼上，假如異步函數是別人提供的庫，我們把回調函數傳進去，我們并不能知道異步函數在調用回調函數之外做了什么事情。錯誤捕捉相比回調函數的錯誤無法在外部捕捉的問題，能夠為一連串的異步調用提供錯誤處理。前言《JS異步編程之 callback》一文我們了解了JS 是基于單線程事件循環的概念構建的，回調函數不會立即執行，由事件輪詢去檢測事件是否執行完畢，當執行完有...

Hegel_Gu 2019-08-23 15:26 評論0 收藏0
js數據結構和算法（一）概述

摘要：程序設計數據結構算法數據結構數據結構就是關系，沒錯，就是數據元素相互之間存在的一種或多種特定關系的集合。物理結構是指數據的邏輯結構在計算機中的存儲形式。程序設計=數據結構+算法數據結構數據結構就是關系，沒錯，就是數據元素相互之間存在的一種或多種特定關系的集合。傳統上，我們把數據結構分為邏輯結構和物理結構。邏輯結構：是指數據對象中數據元素之間的相互關系，也是我們今后最...

xumenger 2019-08-21 10:18 評論0 收藏0
JavaScript Promise

摘要：前言假如需要向后端發送一個請求，并對返回的數據進行操作，可能我們第一時間想到的是回調函數。如果值本身就是一個對象，則替代默認的對象作為返回值如果值為其他值，則將這個值作為返回的的函數的參數值。前言假如需要向后端發送一個請求，并對返回的數據進行操作，可能我們第一時間想到的是回調函數。但如果接著又需要執行第二個、第三個...第n個異步操作，那么回調函數就會一層層的嵌套，嚴重影響了代碼可...

Tamic 2019-08-21 11:59 評論0 收藏0
聽飛狐聊JavaScript設計模式系列14

摘要：本回內容介紹上一回，聊了聊狀態模式，并介紹了一下介一回，聊鏈式編程，模擬一下，再模擬一下封裝一個庫。這一回，主要聊了鏈式調用，模擬了，尤其是，希望大家能喜歡這次代碼分享。下一回，聊一聊的策略模式。本回內容介紹上一回，聊了聊狀態模式（State），并介紹了一下vue.js；介一回，聊鏈式編程，模擬一下jQuery，再模擬一下underscore.js,封裝一個庫。 1. 鏈式調用 (...

fox_soyoung 2019-08-19 17:20 評論0 收藏0