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

SillyMonkey 發(fā)布于2019-08-19 18:17 / 3124人閱讀

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

鏈式調用

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

代碼

/*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庫了。主要就是函數(shù)后加上return this，使對象可以繼續(xù)調用函數(shù)達到支持鏈式調用的類。

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

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

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

promise/deferred 模式原理分析和實現(xiàn)

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

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

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

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

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

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

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

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

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

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