欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript簡(jiǎn)單鏈?zhǔn)秸{(diào)用案例分析

 更新時(shí)間：2017年05月10日 09:50:19   作者：TBHacker  
這篇文章主要介紹了javascript簡(jiǎn)單鏈?zhǔn)秸{(diào)用,結(jié)合具體實(shí)例形式模擬jQuery分析了鏈?zhǔn)秸{(diào)用的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript簡(jiǎn)單鏈?zhǔn)秸{(diào)用方法。分享給大家供大家參考，具體如下：

jQuery用的就是鏈?zhǔn)秸{(diào)用。像一條連接一樣調(diào)用方法。
鏈?zhǔn)秸{(diào)用的核心就是return this;,每個(gè)方法都返回對(duì)象本身。

下面是簡(jiǎn)單的模擬jQuery的代碼：

<script>
  window.$ = function (id) {
    return new _$(id);
  }
  function _$(id) {
    this.elements = document.getElementById(id);
  }
  _$.prototype = {
    constructor: _$,
    hide: function () {
      console.log('hide');
      return this;
    },
    show: function () {
      console.log('show');
      return this;
    },
    getName: function (callback) {
      if (callback) {
        callback.call(this, this.name);
      }
      return this;
    },
    setName: function (name) {
      this.name = name;
      return this;
    }
  }
  $('test').setName('helloworld').getName(function (name) {
    console.log(name);
  }).show().hide().show().hide().show();
</script>

運(yùn)行效果圖如下：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 前端終止請(qǐng)求的3種方式總結(jié)(ajax、axios)

    前端終止請(qǐng)求的3種方式總結(jié)(ajax、axios)

    這篇文章主要給大家總結(jié)介紹了關(guān)于前端終止請(qǐng)求的3種方式,其中包括ajax、axios的相關(guān)資料, 取消請(qǐng)求在前端有時(shí)候會(huì)用到,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-09-09
  • Function.prototype.bind用法示例

    Function.prototype.bind用法示例

    想必大家對(duì)Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡(jiǎn)單調(diào)用及DOM調(diào)用，感興趣的朋友可以參考下
    2013-09-09
  • JavaScript設(shè)計(jì)模式之職責(zé)鏈模式詳解

    JavaScript設(shè)計(jì)模式之職責(zé)鏈模式詳解

    職責(zé)鏈模式的定義是：使多個(gè)對(duì)象都有機(jī)會(huì)處理請(qǐng)求，從而避免請(qǐng)求的發(fā)送者和接收者之間的耦合關(guān)系，將這些對(duì)象連成一條鏈，并沿著這條鏈傳遞該請(qǐng)求，直到有一個(gè)對(duì)象處理它為止
    2022-08-08
  • js 輸入框 正則表達(dá)式(菜鳥必看教程)

    js 輸入框 正則表達(dá)式(菜鳥必看教程)

    下面小編就為大家?guī)硪黄猨s輸入框使用正則表達(dá)式校驗(yàn)輸入內(nèi)容的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-02-02
  • 淺談JavaScript的函數(shù)及作用域

    淺談JavaScript的函數(shù)及作用域

    函數(shù)和作用域是JavaScript的重要組成部分，我們?cè)谑褂肑avaScript編寫程序的過程中經(jīng)常要用到這兩部分內(nèi)容，借助此文一起來鞏固下學(xué)習(xí)的內(nèi)容吧。
    2016-12-12
  • JavaScript Tips 使用DocumentFragment加快DOM渲染速度

    JavaScript Tips 使用DocumentFragment加快DOM渲染速度

    大家在開發(fā)JavaScript應(yīng)用的時(shí)候，如果遇到這種大量節(jié)點(diǎn)的情況，不妨將DocumentFragment作為一個(gè)備選的方案。
    2010-06-06
  • javascript實(shí)現(xiàn)用戶管理系統(tǒng)

    javascript實(shí)現(xiàn)用戶管理系統(tǒng)

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)用戶管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-06-06
  • JavaScript數(shù)組filter方法

    JavaScript數(shù)組filter方法

    filter()創(chuàng)建一個(gè)新的數(shù)組，新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素，這篇文章主要介紹了JavaScript數(shù)組filter方法,需要的朋友可以參考下
    2022-12-12
  • 淺析JS給原始數(shù)據(jù)類型加屬性和方法為什么不報(bào)錯(cuò)

    淺析JS給原始數(shù)據(jù)類型加屬性和方法為什么不報(bào)錯(cuò)

    這篇文章主要想和大家一起探討一下JavaScript中給原始數(shù)據(jù)類型添加屬性和方法為什么不報(bào)錯(cuò),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下
    2023-11-11
  • JavaScript fetch接口案例解析

    JavaScript fetch接口案例解析

    本文通過案例給大家介紹了JavaScript fetch接口,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2018-08-08

最新評(píng)論