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

每天一篇javascript學(xué)習(xí)小結(jié)(Function對象)

 更新時間:2015年11月16日 15:20:28   投稿:lijiao  
這篇文章主要介紹了javascript中的Function對象知識點,對Function對象的基本使用方法,以及各種方法進行整理,感興趣的小伙伴們可以參考一下

小編兩天都沒有更新文章了,小伙伴們是不是等著急了,今天開始再繼續(xù)我們的《每天一篇javascript學(xué)習(xí)小結(jié)》系列文章,希望大家繼續(xù)關(guān)注。

1、Function  函數(shù)調(diào)用(類似call方法)

  function callSomeFunction(someFunction, someArgument){
      return someFunction(someArgument);
    }

    function add10(num){
      return num + 10;
    }
    
    var result1 = callSomeFunction(add10, 10);//調(diào)用add10 把參數(shù)10傳給add10
    alert(result1);  //20
    
    function getGreeting(name){
      return "Hello, " + name;
    }
    
    var result2 = callSomeFunction(getGreeting, "Nicholas");
    alert(result2);  //Hello, Nicholas

2、函數(shù)返回函數(shù)
 

function createComparisonFunction(propertyName) {
    
      return function(object1, object2){
        var value1 = object1[propertyName];
        var value2 = object2[propertyName];
    
        if (value1 < value2){
          return -1;
        } else if (value1 > value2){
          return 1;
        } else {
          return 0;
        }
      };
    }

    var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
    
    data.sort(createComparisonFunction("name"));//sort函數(shù)接收一個函數(shù)作為排序的參考,函數(shù)createComparisonFuntion返回了一個匿名的排序函數(shù)
    alert(data[0].name); //Nicholas
    
    data.sort(createComparisonFunction("age"));
    alert(data[0].name); //Zachary    

3、apply()方法使用

 function sum(num1, num2){
      return num1 + num2;
    }
    
    function callSum1(num1, num2){
      return sum.apply(this, arguments);//sum函數(shù)請求把callSum1的指針傳給自己,并作計算,此時的this指向callSum1
    }
    
    function callSum2(num1, num2){
      return sum.apply(this, [num1, num2]);
    }
    
    alert(callSum1(10,10));  //20
    alert(callSum2(10,10));  //20

4、函數(shù)Arguments Caller使用

function outer(){
      inner();
    }
    
    function inner(){
      alert(inner.caller);
    }
    
    outer();
caller

//返回一個對函數(shù)的引用,該函數(shù)調(diào)用了當(dāng)前函數(shù)。

5、arguments.callee.caller
 

function outer(){
      inner();
    }
    function inner(){
      alert(arguments.callee.caller);
      //argments.callee就是函數(shù)體本身,arguments.callee.caller就是函數(shù)體的調(diào)用函數(shù)體
    }
    outer();


function factorial(num){
      if (num <= 1) {
        return 1;
      } else {
        return num * arguments.callee(num-1)//callee當(dāng)前函數(shù)的引用即factorial函數(shù)本身的函數(shù)體
      }
    }

    var trueFactorial = factorial;
    
    factorial = function(){
      return 0;
    };
    
    alert(trueFactorial(5));  //120
    alert(factorial(5));    //0

6、Funtion bind()方法

 window.color = "red";
    var o = { color: "blue" };
              
    function sayColor(){
      alert(this.color);
    }
    var objectSayColor = sayColor.bind(o);
    objectSayColor();  //blue
    /*
      bind主要是為了改變函數(shù)內(nèi)部的this指向,這個是在ECMA5以后加入的,所以IE8一下的瀏覽器不支持
      bind方法會創(chuàng)建一個新函數(shù),稱為綁定函數(shù).當(dāng)調(diào)用這個綁定函數(shù)時,綁定函數(shù)會以創(chuàng)建它時傳入bind方法的第一個參數(shù)作為this,
      傳入bind方法的第二個以及以后的參數(shù)加上綁定函數(shù)運行時本身的參數(shù)按照順序作為原函數(shù)的參數(shù)來調(diào)用原函數(shù).
    */

7、Function call()方法

window.color = "red";
    var o = { color: "blue" };
    
    function sayColor(){
      alert(this.color);
    }
    
    sayColor();      //red
    
    sayColor.call(this);  //red 此時this指向window
    sayColor.call(window); //red 同上
    sayColor.call(o);   //blue 此時sayColor的指針指向o

 function sum(num1, num2){
      return num1 + num2;
    }
    
    function callSum(num1, num2){
      return sum.call(this, num1, num2);
    }
    
    alert(callSum(10,10));  //20

8、函數(shù)長度length

function sayName(name){
      alert(name);
    }   
    
    function sum(num1, num2){
      return num1 + num2;
    }
    
    function sayHi(){
      alert("hi");
    }
    
    alert(sayName.length); //1
    alert(sum.length);   //2
    alert(sayHi.length);  //0
    //實際返回的是函數(shù)的參數(shù)的長度

以上就是今天的javascript學(xué)習(xí)小結(jié),之后每天還會繼續(xù)更新,希望大家繼續(xù)關(guān)注。

相關(guān)文章

  • JavaScript ParseFloat()方法

    JavaScript ParseFloat()方法

    parseFloat()方法可以解析一個字符串,并返回一個浮點數(shù)。本文給大家分享javascript parsefloat()方法的相關(guān)知識,對javascript parsefloat相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2015-12-12
  • 判斷window.onload是否多次使用的方法

    判斷window.onload是否多次使用的方法

    window.onload想必大家都有使用過吧,在窗口加載時執(zhí)行,如果多次使用window.onload該如何判斷呢?下面與大家分享個方法
    2014-09-09
  • JavaScript獲取服務(wù)器時間的方法詳解

    JavaScript獲取服務(wù)器時間的方法詳解

    這篇文章主要介紹了JavaScript獲取服務(wù)器時間的方法,結(jié)合實例形式詳細分析了javascript基于ajax獲取服務(wù)器時間的相關(guān)操作技巧,需要的朋友可以參考下
    2016-12-12
  • JavaScript中自定義swiper組件詳解

    JavaScript中自定義swiper組件詳解

    這篇文章主要介紹了微信小程序 swiper組件輪播圖詳解及實例的相關(guān)資料,需要的朋友可以參考下,希望能給你帶來幫助
    2021-08-08
  • 微信小程序使用ECharts的示例詳解

    微信小程序使用ECharts的示例詳解

    echarts-for-weixin是ECharts官方維護的一個開源項目,提供了一個微信小程序組件,可以通過這個組件在微信小程序中使用?ECharts?繪制圖表。本文將通過示例詳解微信小程序使用ECharts的方法,感興趣的可以了解一下
    2022-06-06
  • JavaScript之Getters和Setters 平臺支持等詳細介紹

    JavaScript之Getters和Setters 平臺支持等詳細介紹

    現(xiàn)在,JavaScript的Getters和Setters使用非常廣泛,它和每個JavaScript開發(fā)者的切身利益息息相關(guān),我們先來快速了解什么是Getters和Setters,以及它們?yōu)槭裁春苡杏?然后,我們來看看現(xiàn)在都有哪些平臺支持Gettets和Setters
    2012-12-12
  • 詳解package.json版本號規(guī)則

    詳解package.json版本號規(guī)則

    這篇文章主要介紹了詳解package.json版本號規(guī)則,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • 深入淺析JavaScript的API設(shè)計原則

    深入淺析JavaScript的API設(shè)計原則

    這篇文章主要介紹了JavaScript的API設(shè)計原則,包括接口的流暢性,一致性,參數(shù)的處理,可擴展性,對錯誤的處理,可預(yù)見性,注釋和文檔的可讀性,本文介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧
    2016-06-06
  • 詳解微信小程序文件下載--視頻和圖片

    詳解微信小程序文件下載--視頻和圖片

    這篇文章主要介紹了微信小程序文件下載視頻和圖片,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • JavaScript封裝的常用工具類庫bee.js用法詳解【經(jīng)典類庫】

    JavaScript封裝的常用工具類庫bee.js用法詳解【經(jīng)典類庫】

    這篇文章主要介紹了JavaScript封裝的常用工具類庫bee.js用法,結(jié)合實例形式詳細分析了經(jīng)典類庫bee.js常見的手機、身份證、郵箱校驗,以及字符串操作、四則運算、正則驗證等相關(guān)操作的封裝與使用技巧,需要的朋友可以參考下
    2018-09-09

最新評論