亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Javascript 是你的高階函數(高級應用)

2019-11-20 12:14:41
字體:
來源:轉載
供稿:網友

在通常的編程語言中,函數的參數只能是基本類型或者對象引用,返回值也只是基本數據類型或對象引用。但在Javascript中函數作為一等公民,既可以當做參數傳遞,也可以被當做返回值返回。所謂高階函數就是可以把函數作為參數,或者是將函數作為返回值的函數。這兩種情形在實際開發中有很多應用場景,本文是我在工作學習中遇到的幾種應用場景的總結。

  回調函數

  代碼復用是衡量一個應用程序的重要標準之一。通過將變化的業務邏輯抽離封裝在回調函數中能夠有效的提高代碼復用率。比如ES5中為數組增加的forEach方法,遍歷數組,對每個元素調用同一個函數。

array = {};array.forEach = function(arr, fn){  for (var i = 0, len = arr.length; i < len; i++) {    fn(arr[i], i, arr);  }}

通過回調函數將業務的重點聚焦在回調函數中,而不必每次都要重復編寫遍歷代碼。

  偏函數

  作為將函數當做返回值輸出的典型應用就是偏函數。所謂偏函數是指創建一個調用另外一個部分――參數或變量已經預置的函數――的函數的用法。反正看著定義我是沒理解這東東干嘛的。咱們還是先看例子吧,偏函數最典型的例子就是類型判斷。

  Javascript對象都擁有三個屬性:原型屬性、類屬性、可擴展性。(不知道的同學要回去翻犀牛書哦,page:138)類屬性是一個字符串,Javascript中并未直接提供,但我們可以利用Object.prototype.toString來間接得到。該函數總是返回如下形式:

[object Class]  

因此我們可以編寫一系列isType函數。

代碼如下:

 

isString = function(obj){  return Object.prototype.toString.call(obj) === "[object String]";}isNumber = function(obj){  return Object.prototype.toString.call(obj) === "[object Number]";}isArray = function(obj){  return Object.prototype.toString.call(obj) === "[object Array]";}

 這幾個函數中大部分代碼是重復的,這時高階函數便華麗麗的登場了:

isType = function(type) {  return function(obj) {    return Object.prototype.toString.call(obj) === "[object " + type + "]";  }}isString = isType('String');isNumber = isType('Number');isArray = isType('Array');

 所以通過指定部分參數來返回一個新的定制函數的形式就是偏函數。

  currying(柯里化)

  currying又稱部分求值。一個currying的函數首先會接受一些參數,接受這些參數之后,函數并不會立即求值,而是繼續返回另一個函數,剛才傳入的參數在函數形成的閉包中被保存起來。待到函數被真正需要求值的時候,之前傳入的所有參數都會被一次性用于求值。

var currying = function(fn) {  var args = [];    return function() {    if (arguments.length === 0) {      return fn.applay(this, args);    } else {      args = args.concat(arguments);      return arguments.callee;    }  }}

假設我們以計算一個月每天花銷為例:

var currying = function(fn) {debugger;  var args = [];    return function() {    if (arguments.length === 0) {      return fn.apply(this, args);    } else {      Array.prototype.push.apply(args, arguments);      return arguments.callee;    }  }}cost = function(){  var sum = 0;  for (var i = 0, len = arguments.length; i < len; i++) {    sum += arguments[i];  }    return sum;}var cost = currying(cost);cost(100);cost(200);alert(cost())

事件節流

  在某些場景下,某些事件可能會被重復的觸發,但事件處理函數并不需要每次都執行。比如在window.resize事件中進行復雜的邏輯計算,如果用戶頻繁的改變瀏覽器大小,復雜計算會對性能造成嚴重影響;有時這些邏輯計算并不需要每次rezise時都觸發,只需要計算有限的幾次便可以。這時我們需要根據時間段來忽略一些事件請求。請看以下節流函數:

function throttle(fn, interval) {   var doing = false;   return function() {    if (doing) {     return;    }    doing = true;    fn.apply(this, arguments);    setTimeout(function() {     doing = false;    }, interval);   }  }    window.onresize = throttle(function(){    console.log('execute');  }, 500);

通過控制函數執行時間,可以在函數執行次數與功能需求之間達到完美平衡。另一個事件是mousemove。如果我們給一個dom元素綁定該事件,鼠標在改元素上移動時,該事件便會重復觸發。

  事件結束

  對于某些可以頻繁觸發的事件,有時候我們希望在事件結束后進行一系列操作。這時我們可以利用高階函數做如下處理:

 

function debounce(fn, interval) {  var timer = null; function delay() {  var target = this;  var args = arguments;  return setTimeout(function(){   fn.apply(target, args);  }, interval); } return function() {  if (timer) {   clearTimeout(timer);  }  timer = delay.apply(this, arguments); }};window.onresize = throttle(function(){  console.log('resize end');}, 500);

如果在這一過程中事件被觸發則清除上一次事件句柄,重新綁定執行時間。

參考資料:

《深入淺出node》

《Javascript設計模式與開發實踐》

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久影院资源网| 亚洲国产婷婷香蕉久久久久久| 日韩专区在线播放| 51ⅴ精品国产91久久久久久| 国产成人在线亚洲欧美| 国产成人精品一区二区三区| 久久久精品免费视频| 在线观看不卡av| 这里精品视频免费| 久久久久久亚洲精品| 在线观看欧美日韩国产| 国产精品入口日韩视频大尺度| 日韩av免费在线播放| www.国产一区| 色综合久久久888| 91九色国产视频| 亚洲精品日韩在线| 欧美伦理91i| 欧美色欧美亚洲高清在线视频| 日本欧美国产在线| 亚洲欧美资源在线| 精品国产依人香蕉在线精品| 亚洲影视九九影院在线观看| 欧美日韩aaaa| 欧美床上激情在线观看| 26uuu另类亚洲欧美日本老年| 亚洲精品suv精品一区二区| 国产福利成人在线| 日韩欧美黄色动漫| 色偷偷偷亚洲综合网另类| 久久精品视频一| 欧美在线性视频| 国产精品最新在线观看| 亚洲精品xxx| 亚洲视频一区二区| 国产日韩一区在线| 欧美成人精品一区二区三区| 国产精品久久久久久av下载红粉| 日韩经典中文字幕在线观看| 伊是香蕉大人久久| 成人网欧美在线视频| 91中文字幕在线观看| 日韩精品免费看| 久久精品亚洲94久久精品| 欧美一级淫片丝袜脚交| 性欧美暴力猛交69hd| 成人久久精品视频| 91av在线免费观看视频| 韩国一区二区电影| 国产精品露脸av在线| 日韩av电影在线播放| 91中文在线视频| 日韩精品免费在线| 国产日韩欧美在线| 91中文在线视频| 欧美高清视频免费观看| 国产欧美精品在线| 欧美成人亚洲成人日韩成人| 国产精品久久久久久av福利| 国产精品扒开腿做爽爽爽的视频| 亚洲国产成人精品久久久国产成人一区| 91在线免费观看网站| 三级精品视频久久久久| 国产午夜精品全部视频在线播放| 69久久夜色精品国产69| 国产视频在线观看一区二区| 成人做爰www免费看视频网站| 国产精品扒开腿做爽爽爽的视频| 亚洲精品免费网站| 2020欧美日韩在线视频| 中文字幕亚洲欧美日韩在线不卡| 91国内在线视频| 国产精品综合不卡av| 欧美日韩激情网| 91在线播放国产| 国产精品久久久久久久久粉嫩av| 国产精品影片在线观看| 久久综合网hezyo| 992tv在线成人免费观看| 萌白酱国产一区二区| 精品久久久一区| 日本成人精品在线| 欧美一区二区三区免费视| 欧美黑人xxxx| 亚洲福利在线看| 日本不卡高字幕在线2019| 欧美一级bbbbb性bbbb喷潮片| 日本精品一区二区三区在线播放视频| 国产精品免费网站| 亚洲成人aaa| 久久人91精品久久久久久不卡| 奇米影视亚洲狠狠色| 久久久久久久国产精品视频| 国产精品亚洲第一区| 欧美性高潮床叫视频| 亚洲美女性视频| 久久成年人免费电影| 福利精品视频在线| 91美女片黄在线观看游戏| 国外成人免费在线播放| 国产91ⅴ在线精品免费观看| 亚洲国产天堂久久综合| 欧美疯狂做受xxxx高潮| 精品久久久久久久久久| 日韩成人在线免费观看| 91高清免费视频| 久久精品中文字幕一区| 亚洲乱码av中文一区二区| 伊人伊成久久人综合网站| 国产不卡视频在线| 中文字幕亚洲自拍| 久青草国产97香蕉在线视频| 亚洲免费成人av电影| 亚洲女人初尝黑人巨大| 欧美极品第一页| 一色桃子一区二区| 日韩天堂在线视频| 亚洲无限乱码一二三四麻| 欧美性xxxx极品高清hd直播| 亚洲桃花岛网站| 亚洲色图综合网| 欧美日韩不卡合集视频| 日韩欧美高清在线视频| 亚洲欧美精品中文字幕在线| 国产视频精品va久久久久久| 欧美在线视频免费观看| 亚洲日韩欧美视频| 亚洲视频一区二区三区| 日韩最新在线视频| 国产午夜精品麻豆| 久久久久久免费精品| 国产一区二区三区在线免费观看| 日本精品免费一区二区三区| 国产午夜精品理论片a级探花| 欧美重口另类videos人妖| 日韩精品极品在线观看播放免费视频| 日韩在线观看精品| 91亚洲精品久久久久久久久久久久| 欧美激情国产日韩精品一区18| 91产国在线观看动作片喷水| 色综合久久中文字幕综合网小说| 欧美电影在线免费观看网站| 色偷偷偷亚洲综合网另类| 中文字幕亚洲欧美| 国产精品v日韩精品| 日韩免费视频在线观看| 亚洲国产精品视频在线观看| 91精品久久久久久| 亚洲成人av在线| 久久的精品视频| 狠狠躁夜夜躁久久躁别揉| 国产日韩精品一区二区| 欧美专区日韩视频| 国产一区二区三区丝袜| 欧美在线一区二区三区四| 日韩av片免费在线观看| 欧美在线免费视频| 456亚洲影院| 热re99久久精品国产66热| 亚洲一区第一页| 中文字幕日韩电影| 一本大道亚洲视频| 8x海外华人永久免费日韩内陆视频| 亚洲人成伊人成综合网久久久|