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

JavaScript設(shè)計(jì)模式之外觀模式實(shí)例

 更新時(shí)間：2014年10月10日 09:29:00   投稿：junjie  
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之外觀模式實(shí)例,本文用一些代碼實(shí)例來(lái)講解JavaScript中的外觀模式,需要的朋友可以參考下

外觀模式(門(mén)面模式)，是一種相對(duì)簡(jiǎn)單而又無(wú)處不在的模式。外觀模式提供一個(gè)高層接口，這個(gè)接口使得客戶(hù)端或子系統(tǒng)更加方便調(diào)用。

用一段再簡(jiǎn)單不過(guò)的代碼來(lái)表示：

復(fù)制代碼 代碼如下:

var getName = function(){
return ”svenzeng”
}
var getSex = function(){
return ‘man'
}

如果你需要分別調(diào)用getName和getSex函數(shù). 那可以用一個(gè)更高層的接口getUserInfo來(lái)調(diào)用.

復(fù)制代碼 代碼如下:

var getUserInfo = function(){
var info = a() + b();
return info;
}

答案是顯而易見(jiàn)的，飯?zhí)玫某床藥煾挡粫?huì)因?yàn)槟泐A(yù)定了一份燒鴨和一份白菜就把這兩樣菜炒在一個(gè)鍋里。他更愿意給你提供一個(gè)燒鴨飯?zhí)撞?。同樣在程序設(shè)計(jì)中，我們需要保證函數(shù)或者對(duì)象盡可能的處在一個(gè)合理粒度，畢竟不是每個(gè)人喜歡吃燒鴨的同時(shí)又剛好喜歡吃白菜。

外觀模式還有一個(gè)好處是可以對(duì)用戶(hù)隱藏真正的實(shí)現(xiàn)細(xì)節(jié)，用戶(hù)只關(guān)心最高層的接口。比如在燒鴨飯?zhí)撞偷墓适轮?，你并不關(guān)心師傅是先做燒鴨還是先炒白菜，你也不關(guān)心那只鴨子是在哪里成長(zhǎng)的。

最后寫(xiě)個(gè)我們都用過(guò)的外觀模式例子：

復(fù)制代碼 代碼如下:

var stopEvent = function( e ){   //同時(shí)阻止事件默認(rèn)行為和冒泡
e.stopPropagation();
e.preventDefault();
}

相關(guān)文章

  • JS隨機(jī)打亂數(shù)組的方法小結(jié)

    JS隨機(jī)打亂數(shù)組的方法小結(jié)

    這篇文章主要介紹了JS隨機(jī)打亂數(shù)組的方法,結(jié)合實(shí)例總結(jié)分析了幾種常用的數(shù)組打亂順序并重新進(jìn)行排序的技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2016-06-06
  • js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲

    js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • javaScript數(shù)組迭代方法詳解

    javaScript數(shù)組迭代方法詳解

    這篇文章主要為大家詳細(xì)介紹了javaScript數(shù)組迭代方法，ECMAScript5為數(shù)組定義了5個(gè)迭代方法，感興趣的小伙伴們可以參考一下
    2016-04-04
  • 讓AJAX不依賴(lài)后端接口實(shí)現(xiàn)方案

    讓AJAX不依賴(lài)后端接口實(shí)現(xiàn)方案

    網(wǎng)頁(yè)中的ajax請(qǐng)求越來(lái)越多，或者應(yīng)用開(kāi)始就一直使用ajax與后端進(jìn)行數(shù)據(jù)交換,本文將詳細(xì)介紹，需要的朋友可以參考下
    2012-12-12
  • JS中confirm,alert,prompt函數(shù)使用區(qū)別分析

    JS中confirm,alert,prompt函數(shù)使用區(qū)別分析

    JS中confirm,alert,prompt函數(shù)使用區(qū)別分析，需要的朋友可以參考下。
    2010-04-04
  • uniapp跨頁(yè)面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實(shí)戰(zhàn)

    uniapp跨頁(yè)面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實(shí)戰(zhàn)

    使用uni.$emit觸發(fā)事件后,對(duì)應(yīng)的uni.$on就會(huì)監(jiān)聽(tīng)到事件觸發(fā),在回調(diào)中去執(zhí)行相關(guān)的邏輯,下面這篇文章主要給大家介紹了關(guān)于uniapp跨頁(yè)面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實(shí)戰(zhàn)的相關(guān)資料,需要的朋友可以參考下
    2023-04-04
  • js實(shí)現(xiàn)掃雷源代碼

    js實(shí)現(xiàn)掃雷源代碼

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)掃雷源代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-11-11
  • 詳解JavaScript基本類(lèi)型和引用類(lèi)型

    詳解JavaScript基本類(lèi)型和引用類(lèi)型

    這篇文章主要介紹了JavaScript基本類(lèi)型和引用類(lèi)型，基本類(lèi)型中還包含了類(lèi)型轉(zhuǎn)換，感興趣的小伙伴們可以參考一下
    2015-12-12
  • Echarts?x軸為time的用法代碼示例

    Echarts?x軸為time的用法代碼示例

    平時(shí)項(xiàng)目里數(shù)據(jù)可視化展示用的大多是echarts或者h(yuǎn)ighcharts,下面這篇文章主要給大家介紹了關(guān)于Echarts?x軸為time用法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • JavaScript編程的10個(gè)實(shí)用小技巧

    JavaScript編程的10個(gè)實(shí)用小技巧

    盡管我使用Javascript來(lái)做開(kāi)發(fā)有很多年了，但它常有一些讓我很驚訝的小特性。對(duì)于我來(lái)說(shuō)，Javascript是需要持續(xù)不斷的學(xué)習(xí)的。
    2014-04-04

最新評(píng)論