JS 設(shè)計模式五（鏈?zhǔn)秸{(diào)用）

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

摘要：使用回調(diào)技術(shù)可以使取值器方法也只是鏈?zhǔn)秸{(diào)用。代碼不用用總結(jié)鏈?zhǔn)秸{(diào)用比較常見的就是庫了。主要就是函數(shù)后加上，使對象可以繼續(xù)調(diào)用函數(shù)達(dá)到支持鏈?zhǔn)秸{(diào)用的類。

鏈?zhǔn)秸{(diào)用

這個解釋起來比較難，我覺得直接看代碼比較直接，這個鏈?zhǔn)秸{(diào)用的主要用處，就是使代碼更加簡化，增加代碼易讀性。使用回調(diào)技術(shù)可以使取值器方法也只是鏈?zhǔn)秸{(diào)用。

代碼

/*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);
//*/

總結(jié)

鏈?zhǔn)秸{(diào)用比較常見的就是jquery庫了。主要就是函數(shù)后加上return this，使對象可以繼續(xù)調(diào)用函數(shù)達(dá)到支持鏈?zhǔn)秸{(diào)用的類。

云服務(wù)器 GPU云服務(wù)器 Java設(shè)計模式之（五）——代理模式調(diào)用模式 js調(diào)用js js 調(diào)用 ${}

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/79415.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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