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

淺析javascript函數(shù)表達(dá)式

 更新時間:2016年02月10日 12:56:17   作者:煎餅果子多放蔥  
這篇文章主要向大家詳細(xì)介紹了javascript函數(shù)表達(dá)式,幫助大家理解javascript函數(shù)表達(dá)式,感興趣的朋友可以參考一下

開始學(xué)習(xí)javascript函數(shù)表達(dá)式,仔細(xì)閱讀下文。

1、一般形式的創(chuàng)建函數(shù),在執(zhí)行代碼之前會先讀取函數(shù)聲明,所以可以把函數(shù)聲明寫在函數(shù)調(diào)用的下面:

 sayHi();
 function sayHi(){
     alert("Hi!");
}

2、使用函數(shù)表達(dá)式創(chuàng)建函數(shù),調(diào)用前必須先賦值:

 sayHi(); //錯誤?。『瘮?shù)不存在
 var sayHi=function(){
     alert("Hi!");
}

3、遞歸

一般遞歸

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * factorial(num-1);
        }
      }

arguments.callee指向正在執(zhí)行的函數(shù)的指針,可以用它來實現(xiàn)遞歸:

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * arguments.callee(num-1);
        }
      }

4、閉包(閉包指一個函數(shù),這個函數(shù)可以訪問另一個作用域里的變量)。
創(chuàng)建閉包的常見方式:在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)。當(dāng)函數(shù)執(zhí)行時,會創(chuàng)建一個執(zhí)行環(huán)境和相應(yīng)的作用域鏈。閉包只能取得包含函數(shù)中任何變量的最后一個值:

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(){
            return i;
          };
        }
        
        return result;
      }
      
      var funcs = createFunctions();
      
      //every function outputs 10
      for (var i=0; i < funcs.length; i++){
        document.write(funcs[i]() + "<br />");
      }

上面代碼輸出的全部是10。這是因為:每個funcs函數(shù)都保存著createFunctions()這個活動對象(這是一個函數(shù),也是一個對象,也是一個引用類型Function類型),而createFunctions()這個活動對象有一個變量i,所以,每個funcs都將擁有這個變量i,而createFunctions()這個函數(shù)在返回結(jié)果時,i已經(jīng)變成10了。所以funcs數(shù)組的每個值都是10.

可以像下面這樣改造:

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(num){
            return function(){
              return num;
            };
          }(i);
        }
        
        return result;
      }

在調(diào)用每個匿名函數(shù)時,將i的當(dāng)前值給了num,而在匿名函數(shù)內(nèi)部,創(chuàng)建并返回num的閉包。這樣,返回數(shù)組的每個函數(shù)都有自己num變量的一個副本。(這段沒有說清,讀者自己再揣摩,如果有更好的描述方法,請評論在文章下面,謝謝)

5、this對象

  • 全局函數(shù)中,this就相當(dāng)于window。
  • 函數(shù)被作為某個方法調(diào)用時,this相當(dāng)于那個對象。
  • 每個函數(shù)在被調(diào)用時,這個函數(shù)都會自動獲取兩個特殊變量:this、arguments。內(nèi)部函數(shù)在搜索這兩個變量時,只搜索到活動對象為止。

6、模仿塊級作用域(私有作用域)
如下:

function outputNumbers(count){
        for (var i=0; i < count; i++){
          alert(i);
        }
      
        alert(i);  //count
      }

      outputNumbers(5);

在Java等語言中,for里面的變量i用完就銷毀了。而在javascript中,outputNumbers調(diào)用時生成活動對象,而這個i是屬于這個活動對象的,因此從它被定義開始,就可以在函數(shù)內(nèi)部隨處訪問它,它在該活動對象內(nèi)部是共有的。

匿名函數(shù)的語法(創(chuàng)建私有作用域):

(function(){
 //這里是塊級作用域
})();

函數(shù)聲明放在圓括號中,表示它是一個表達(dá)式,而后面再加個括號就可以立即調(diào)用它。

如果臨時需要一些變量,那么就可以使用私有作用域:

function outputNumbers(count){
      
        (function () {
          for (var i=0; i < count; i++){
            alert(i);
          }
        })();
        
        alert(i);  //causes an error
      }

上面代碼中,i就被私有了,在匿名函數(shù)(私有域)外部訪問i時就會報錯,盡管alert依然在活動對象內(nèi)。

7、私有變量
函數(shù)的參數(shù)、局部變量以及函數(shù)內(nèi)部定義的其他函數(shù)都屬于該函數(shù)的私有變量。比如:

function add(num1,num2){
  var sum = num1 + num2;
  return sum; 
}

有3個私有變量:num1,num2,sum。函數(shù)內(nèi)部可以訪問它們,外部就不行了。

特權(quán)方法可以訪問私有變量:簡單說,使用表達(dá)式方式給它一個閉包,在閉包內(nèi)部訪問其他函數(shù):

 function Person(name){

        var a=0;
      
        this.getName = function(){
          return name + a;
        };
      
        this.setName = function (value) {
          name = value;
        };
      }

this.getName、this.setName就是表達(dá)式方式,在創(chuàng)建Person實例后,只能通過getName或者setName來訪問name、a屬性。

以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)的學(xué)習(xí)有所幫助。

相關(guān)文章

  • 微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條

    微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • Javascript判斷圖片尺寸大小實例分析

    Javascript判斷圖片尺寸大小實例分析

    通常我們判斷js圖片大小都是利用images對象,然后再用attr來獲取圖片地址再進(jìn)行判斷就可以了。這篇文章主要介紹了Javascript判斷圖片尺寸大小的實例,需要的朋友可以參考下
    2014-06-06
  • js中switch語句的學(xué)習(xí)筆記

    js中switch語句的學(xué)習(xí)筆記

    在本文里小編給各位分享的是關(guān)于js中switch語句的使用方法及學(xué)習(xí)筆記內(nèi)容,有興趣的朋友們可以參考下。
    2020-03-03
  • js中base64與file之間的轉(zhuǎn)換方法

    js中base64與file之間的轉(zhuǎn)換方法

    這篇文章主要給大家介紹了關(guān)于js中base64與file之間的轉(zhuǎn)換方法,最近項目中需要實現(xiàn)把圖片的base64編碼轉(zhuǎn)成file文件的功能,然后再上傳至服務(wù)器,需要的朋友可以參考下
    2023-09-09
  • js調(diào)用后臺、后臺調(diào)用前臺等方法總結(jié)

    js調(diào)用后臺、后臺調(diào)用前臺等方法總結(jié)

    這篇文章主要對js調(diào)用后臺,后臺調(diào)用前臺等方法做個總結(jié),需要的朋友可以參考下
    2014-04-04
  • JavaScript中展開運(yùn)算符及應(yīng)用的實例代碼

    JavaScript中展開運(yùn)算符及應(yīng)用的實例代碼

    這篇文章主要介紹了JavaScript中展開運(yùn)算符及應(yīng)用的實例代碼,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-01-01
  • js實現(xiàn)select下拉框菜單

    js實現(xiàn)select下拉框菜單

    這篇文章主要介紹了js實現(xiàn)select下拉框菜單的詳細(xì)代碼,感興趣的小伙伴們可以參考一下
    2015-12-12
  • js?實現(xiàn)picker?選擇器示例詳解

    js?實現(xiàn)picker?選擇器示例詳解

    這篇文章主要為大家介紹了js?實現(xiàn)picker?選擇器示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • JS實現(xiàn)簡單抖動效果

    JS實現(xiàn)簡單抖動效果

    這篇文章給大家結(jié)束了通過js實現(xiàn)抖動效果,非常不錯,具有參考借鑒價值,感興趣的朋友參考下吧
    2017-06-06
  • JS 箭頭函數(shù)的this指向詳解

    JS 箭頭函數(shù)的this指向詳解

    這篇文章主要給大家介紹了關(guān)JS 箭頭函數(shù)的this指向,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-11-11

最新評論