成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

FE.SRC-webpack/tapable-0.2 源碼分析

luckyyulin / 3183人閱讀

摘要:所有注冊(cè)的處理方法并行執(zhí)行,相互獨(dú)立互不干擾。倘若某一個(gè)處理函數(shù)報(bào)錯(cuò),則執(zhí)行傳入的,后續(xù)的處理函數(shù)將不被執(zhí)行,否則最后一個(gè)處理函數(shù)調(diào)用。順序由注冊(cè)插件順序決定,而不是由函數(shù)的執(zhí)行時(shí)間。如果為此名稱(chēng)注冊(cè)了插件,則返回。

Tapable

https://github.com/webpack/ta...
https://segmentfault.com/a/11...

var Tapable = require("tapable");

Tapable 是一個(gè)用于插件綁定的類(lèi)

繼承方式1

function MyClass() {
    Tapable.call(this);
}

MyClass.prototype = Object.create(Tapable.prototype);

MyClass.prototype.method = function() {};

繼承方式2

function MyClass2() {
    EventEmitter.call(this);
    Tapable.call(this);
}

MyClass2.prototype = Object.create(EventEmitter.prototype);
Tapable.mixin(MyClass2.prototype);

MyClass2.prototype.method = function() {};
公有方法 apply
void apply(plugins: Plugin...)

通過(guò)調(diào)用apply它們將作為參數(shù)傳遞的所有插件附加到實(shí)例。

plugin
void plugin(names: string|string[], handler: Function)

names需要監(jiān)聽(tīng)的事件名稱(chēng),可以傳入事件名稱(chēng)集合(同時(shí)綁定多個(gè)事件),也可以傳入單個(gè)事件名稱(chēng)
handler 事件的處理函數(shù)

私有方法 applyPlugins
void applyPlugins(name: string, args: any...)

同步調(diào)用所有的name插件,傳入?yún)?shù)args,并行的調(diào)用所有注冊(cè)在事件name上的處理函數(shù)。所有注冊(cè)的處理方法并行執(zhí)行,相互獨(dú)立互不干擾。(根據(jù)傳參格式內(nèi)部提供了applyPlugins0,applyPlugins1,applyPlugins2)

function applyPlugins1(name, param) {
    var plugins = this._plugins[name];
    if(!plugins) return;
    for(var i = 0; i < plugins.length; i++)
        plugins[i].call(this, param);
};
applyPluginsWaterfall
any applyPluginsWaterfall(name: string, init: any, args: any...)

串行的調(diào)用所有的name插件,
第一個(gè)處理函數(shù)傳入init和args,
后續(xù)的處理函數(shù)傳入前一個(gè)處理函數(shù)的返回值和args,
最終返回最后一個(gè)處理函數(shù)的返回結(jié)果
(內(nèi)部同樣提供了012方法)

function applyPluginsWaterfall1(name, init, param) {
    var plugins = this._plugins[name];
    if(!plugins) return init;
    var current = init;
    for(var i = 0; i < plugins.length; i++)
        current = plugins[i].call(this, current, param);
    return current;
};
applyPluginsAsync | applyPluginsAsyncSeries
void applyPluginsAsync(
    name: string,
    args: any...,
    callback: (err?: Error) -> void
)

異步調(diào)用所有的name插件(依次執(zhí)行),倘若某一個(gè)處理函數(shù)報(bào)錯(cuò),則執(zhí)行傳入的callback(err),后續(xù)的處理函數(shù)將不被執(zhí)行,否則最后一個(gè)處理函數(shù)調(diào)用callback

function applyPluginsAsyncSeries1(name, param, callback) {
    var plugins = this._plugins[name];
    if(!plugins || plugins.length === 0) return callback();
    var i = 0;
    var _this = this;
    var innerCallback = copyProperties(callback, function next(err) {
        if(err) return callback(err);
        i++;
        if(i >= plugins.length) {
            return callback();
        }
        plugins[i].call(_this, param, innerCallback);
    });
    plugins[0].call(this, param, innerCallback);
};
applyPluginsBailResult
any applyPluginsBailResult(name: string, args: any...)

同步調(diào)用所有的name插件,如果其中一個(gè)處理函數(shù)返回值!== undefined,直接返回這個(gè)返回值,后續(xù)的處理函數(shù)將不被執(zhí)行

function applyPluginsBailResult1(name, param) {
    if(!this._plugins[name]) return;
    var plugins = this._plugins[name];
    for(var i = 0; i < plugins.length; i++) {
        var result = plugins[i].call(this, param);
        if(typeof result !== "undefined") {
            return result;
        }
    }
};
applyPluginsAsyncWaterfall
applyPluginsAsyncWaterfall(
    name: string,
    init: any,
    callback: (err: Error, result: any) -> void
)

異步調(diào)用所有的name插件。后續(xù)的函數(shù)依賴(lài)于前一個(gè)函數(shù)執(zhí)行回調(diào)的時(shí)候傳入的參數(shù)nextValue(第一個(gè)處理函數(shù)傳入?yún)?shù)init)。
倘若某一個(gè)處理函數(shù)報(bào)錯(cuò),則執(zhí)行傳入的callback(err),后續(xù)的處理函數(shù)將不被執(zhí)行,否則最后一個(gè)處理函數(shù)調(diào)用callback(value)。

function applyPluginsAsyncWaterfall(name, init, callback) {
    if(!this._plugins[name] || this._plugins[name].length === 0) return callback(null, init);
    var plugins = this._plugins[name];
    var i = 0;
    var _this = this;
    var next = copyProperties(callback, function(err, value) {
        if(err) return callback(err);
        i++;
        if(i >= plugins.length) {
            return callback(null, value);
        }
        plugins[i].call(_this, value, next);
    });
    plugins[0].call(this, init, next);
};
applyPluginsParallel
applyPluginsParallel(
    name: string,
    args: any...,
    callback: (err?: Error) -> void
)

并行的調(diào)用所有注冊(cè)在事件name上的處理函數(shù),倘若任一處理函數(shù)執(zhí)行報(bào)錯(cuò),則執(zhí)行callback("err"),否則當(dāng)所有的處理函數(shù)都執(zhí)行完的時(shí)候調(diào)用callback()

function applyPluginsParallel(name) {
    var args = Array.prototype.slice.call(arguments, 1);
    var callback = args.pop();
    if(!this._plugins[name] || this._plugins[name].length === 0) return callback();
    var plugins = this._plugins[name];
    var remaining = plugins.length;
    args.push(copyProperties(callback, function(err) {
        if(remaining < 0) return; // ignore
        if(err) {
            remaining = -1;
            return callback(err);
        }
        remaining--;
        if(remaining === 0) {
            return callback();
        }
    }));
    for(var i = 0; i < plugins.length; i++) {
        plugins[i].apply(this, args);
        if(remaining < 0) return;
    }
};
applyPluginsParallelBailResult
applyPluginsParallelBailResult(
    name: string,
    args: any...,
    callback: (err: Error, result: any) -> void
)

并行調(diào)用,每個(gè)處理函數(shù)必須調(diào)用callback(err, result),
倘若任一處理函數(shù)在調(diào)用callback(err, result)的時(shí)候,err!==undefined || result!==undefined,則callback將真正被執(zhí)行,后續(xù)的處理函數(shù)則不會(huì)再被執(zhí)行。
順序由注冊(cè)插件順序決定,而不是由函數(shù)的執(zhí)行時(shí)間。

applyPluginsParallelBailResult1(name, param, callback) {
    var plugins = this._plugins[name];
    if(!plugins || plugins.length === 0) return callback();
    var currentPos = plugins.length;
    var currentResult;
    var done = [];
    for(var i = 0; i < plugins.length; i++) {
        var innerCallback = (function(i) {
            return copyProperties(callback, function() {
                if(i >= currentPos) return; // ignore
                done.push(i);
                if(arguments.length > 0) {
                    currentPos = i + 1;
                    done = fastFilter.call(done, function(item) {
                        return item <= i;
                    });
                    currentResult = Array.prototype.slice.call(arguments);
                }
                if(done.length === currentPos) {
                    callback.apply(null, currentResult);
                    currentPos = 0;
                }
            });
        }(i));
        plugins[i].call(this, param, innerCallback);
    }
};
hasPlugins
hasPlugins(
    name: string
)

如果為此名稱(chēng)注冊(cè)了插件,則返回true。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/108639.html

相關(guān)文章

  • 源碼之下無(wú)秘密 ── 做最好的 Netty 源碼分析教程

    摘要:背景在工作中雖然我經(jīng)常使用到庫(kù)但是很多時(shí)候?qū)Φ囊恍└拍钸€是處于知其然不知其所以然的狀態(tài)因此就萌生了學(xué)習(xí)源碼的想法剛開(kāi)始看源碼的時(shí)候自然是比較痛苦的主要原因有兩個(gè)第一網(wǎng)上沒(méi)有找到讓我滿意的詳盡的源碼分析的教程第二我也是第一次系統(tǒng)地學(xué)習(xí)這么大代 背景 在工作中, 雖然我經(jīng)常使用到 Netty 庫(kù), 但是很多時(shí)候?qū)?Netty 的一些概念還是處于知其然, 不知其所以然的狀態(tài), 因此就萌生了學(xué)...

    shenhualong 評(píng)論0 收藏0
  • Spring IOC 容器源碼分析 - 余下的初始化工作

    摘要:簡(jiǎn)介本篇文章是容器源碼分析系列文章的最后一篇文章,本篇文章所分析的對(duì)象是方法,該方法用于對(duì)已完成屬性填充的做最后的初始化工作。后置處理器是拓展點(diǎn)之一,通過(guò)實(shí)現(xiàn)后置處理器接口,我們就可以插手的初始化過(guò)程。 1. 簡(jiǎn)介 本篇文章是Spring IOC 容器源碼分析系列文章的最后一篇文章,本篇文章所分析的對(duì)象是 initializeBean 方法,該方法用于對(duì)已完成屬性填充的 bean 做最...

    Alfred 評(píng)論0 收藏0
  • 系列文章目錄

    摘要:為了避免一篇文章的篇幅過(guò)長(zhǎng),于是一些比較大的主題就都分成幾篇來(lái)講了,這篇文章是筆者所有文章的目錄,將會(huì)持續(xù)更新,以給大家一個(gè)查看系列文章的入口。 前言 大家好,筆者是今年才開(kāi)始寫(xiě)博客的,寫(xiě)作的初衷主要是想記錄和分享自己的學(xué)習(xí)經(jīng)歷。因?yàn)閷?xiě)作的時(shí)候發(fā)現(xiàn),為了弄懂一個(gè)知識(shí),不得不先去了解另外一些知識(shí),這樣以來(lái),為了說(shuō)明一個(gè)問(wèn)題,就要把一系列知識(shí)都了解一遍,寫(xiě)出來(lái)的文章就特別長(zhǎng)。 為了避免一篇...

    lijy91 評(píng)論0 收藏0
  • 系列文章目錄

    摘要:為了避免一篇文章的篇幅過(guò)長(zhǎng),于是一些比較大的主題就都分成幾篇來(lái)講了,這篇文章是筆者所有文章的目錄,將會(huì)持續(xù)更新,以給大家一個(gè)查看系列文章的入口。 前言 大家好,筆者是今年才開(kāi)始寫(xiě)博客的,寫(xiě)作的初衷主要是想記錄和分享自己的學(xué)習(xí)經(jīng)歷。因?yàn)閷?xiě)作的時(shí)候發(fā)現(xiàn),為了弄懂一個(gè)知識(shí),不得不先去了解另外一些知識(shí),這樣以來(lái),為了說(shuō)明一個(gè)問(wèn)題,就要把一系列知識(shí)都了解一遍,寫(xiě)出來(lái)的文章就特別長(zhǎng)。 為了避免一篇...

    Yumenokanata 評(píng)論0 收藏0
  • 深入理解 WKWebView(入門(mén)篇)—— WebKit 源碼調(diào)試與分析

    摘要:雖然蘋(píng)果官方提供了關(guān)于的與使用說(shuō)明,但這并不能滿足開(kāi)發(fā)者們的需求,各類(lèi)復(fù)雜場(chǎng)景依舊讓我們焦頭爛額,而解決方案卻不易尋找。二源碼下載編譯及調(diào)試之前我們首先需要獲取一份蘋(píng)果官方的源碼。 一、前言移動(dòng)互聯(lián)網(wǎng)時(shí)代,網(wǎng)頁(yè)依舊是內(nèi)容展示的重要媒介,這離不開(kāi) WebKit 瀏覽內(nèi)核技術(shù)的支持與發(fā)展。在 iOS 平臺(tái)下開(kāi)發(fā)者們...

    funnyZhang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<