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

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

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

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

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

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

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

 sayHi(); //錯(cuò)誤??!函數(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ù)的指針,可以用它來實(shí)現(xiàn)遞歸:

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

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

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。這是因?yàn)椋好總€(gè)funcs函數(shù)都保存著createFunctions()這個(gè)活動(dòng)對象(這是一個(gè)函數(shù),也是一個(gè)對象,也是一個(gè)引用類型Function類型),而createFunctions()這個(gè)活動(dòng)對象有一個(gè)變量i,所以,每個(gè)funcs都將擁有這個(gè)變量i,而createFunctions()這個(gè)函數(shù)在返回結(jié)果時(shí),i已經(jīng)變成10了。所以funcs數(shù)組的每個(gè)值都是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)用每個(gè)匿名函數(shù)時(shí),將i的當(dāng)前值給了num,而在匿名函數(shù)內(nèi)部,創(chuàng)建并返回num的閉包。這樣,返回?cái)?shù)組的每個(gè)函數(shù)都有自己num變量的一個(gè)副本。(這段沒有說清,讀者自己再揣摩,如果有更好的描述方法,請?jiān)u論在文章下面,謝謝)

5、this對象

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

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)用時(shí)生成活動(dòng)對象,而這個(gè)i是屬于這個(gè)活動(dòng)對象的,因此從它被定義開始,就可以在函數(shù)內(nèi)部隨處訪問它,它在該活動(dòng)對象內(nèi)部是共有的。

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

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

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

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

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

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

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

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

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

特權(quán)方法可以訪問私有變量:簡單說,使用表達(dá)式方式給它一個(gè)閉包,在閉包內(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實(shí)例后,只能通過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ì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • Javascript判斷圖片尺寸大小實(shí)例分析

    Javascript判斷圖片尺寸大小實(shí)例分析

    通常我們判斷js圖片大小都是利用images對象,然后再用attr來獲取圖片地址再進(jìn)行判斷就可以了。這篇文章主要介紹了Javascript判斷圖片尺寸大小的實(shí)例,需要的朋友可以參考下
    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àng)目中需要實(shí)現(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)用前臺等方法做個(gè)總結(jié),需要的朋友可以參考下
    2014-04-04
  • JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼

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

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

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

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

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

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

    JS實(shí)現(xiàn)簡單抖動(dòng)效果

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

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

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

最新評論