javascript筆記4-函數表達式

来源:http://www.cnblogs.com/mesopotamia/archive/2016/02/10/5185829.html
-Advertisement-
Play Games

1,創建函數的方式;2,遞歸的方法;3.閉包。4,this對象;5.私有作用域;6,私有變數;7,特權方法


  1. 一般形式的創建函數,在執行代碼之前會先讀取函數聲明,所以可以把函數聲明寫在函數調用的下麵:
     sayHi();
     function sayHi(){
             alert("Hi!");
    }

     

  2. 使用函數表達式創建函數,調用前必須先賦值:
     sayHi();  //錯誤!!函數不存在
     var sayHi=function(){
             alert("Hi!");
    }

     

  3. 遞歸。
    • 一般遞歸
      function factorial(num){
                      if (num <= 1){
                          return 1;
                      } else {
                          return num * factorial(num-1);
                      }
                  }

       

    • arguments.callee指向正在執行的函數的指針,可以用它來實現遞歸:
      function factorial(num){
                      if (num <= 1){
                          return 1;
                      } else {
                          return num * arguments.callee(num-1);
                      }
                  }

       

  4. 閉包閉包指一個函數,這個函數可以訪問另一個作用域里的變數)。
    • 創建閉包的常見方式:在一個函數內部創建另一個函數。當函數執行時,會創建一個執行環境和相應的作用域鏈。閉包只能取得包含函數中任何變數的最後一個值:
      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函數都保存著createFunctions()這個活動對象(這是一個函數,也是一個對象,也是一個引用類型Function類型),而createFunctions()這個活動對象有一個變數i,所以,每個funcs都將擁有這個變數i,而createFunctions()這個函數在返回結果時,i已經變成10了。所以funcs數組的每個值都是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;
                  }

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

  5. this對象
    • 全局函數中,this就相當於window。
    • 函數被作為某個方法調用時,this相當於那個對象。
    • 每個函數在被調用時,這個函數都會自動獲取兩個特殊變數:this、arguments。內部函數在搜索這兩個變數時,只搜索到活動對象為止。
  6. 模仿塊級作用域(私有作用域)
    • 如下:
      function outputNumbers(count){
                      for (var i=0; i < count; i++){
                          alert(i);
                      }
                  
                      alert(i);   //count
                  }
      
                  outputNumbers(5);

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

    • 匿名函數的語法(創建私有作用域):
      (function(){
        //這裡是塊級作用域
      })();

      函數聲明放在圓括弧中,表示它是一個表達式,而後面再加個括弧就可以立即調用它。

    • 如果臨時需要一些變數,那麼就可以使用私有作用域:
      function outputNumbers(count){
                  
                      (function () {
                          for (var i=0; i < count; i++){
                              alert(i);
                          }
                      })();
                      
                      alert(i);   //causes an error
                  }

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

  7. 私有變數
    • 函數的參數、局部變數以及函數內部定義的其他函數都屬於該函數的私有變數。比如:
      function add(num1,num2){
          var sum = num1 + num2;
          return sum;  
      }

      有3個私有變數:num1,num2,sum。函數內部可以訪問它們,外部就不行了。

    • 特權方法可以訪問私有變數:簡單說,使用表達式方式給它一個閉包,在閉包內部訪問其他函數:
       function Person(name){

      var a=0;
      this.getName = function(){ return name + a; }; this.setName = function (value) { name = value; }; }
      this.getName、this.setName就是表達式方式,在創建Person實例後,只能通過getName或者setName來訪問name、a屬性。

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • esp8266的STM32驅動,數據發送接收由DMA完成,釋放CPU。
  • 1、垃圾回收機制: (1)沒有引用變數指向的對象,就是垃圾。 舉例: Test t = new Test(); t=null; 那麼之前創建的對象就是垃圾。 (2)對象沒有被使用是另外一種垃圾。 new Test(); new Test().toString(); 區別在於第一個對象很明顯沒有指向,
  • 列表元組內置函數用法list 元組的用法和列表相似就不一一介紹了 1)def append(self, p_object):將值添加到列表的最後 # real signature unknown; restored from __doc__ """ L.append(object) -- appen
  • 註意:該篇博客主要記錄自《深入理解java虛擬機(第二版)》 說明:關於命令行的JVM性能監控與故障處理工具見《第七章 JVM性能監控與故障處理工具(1)》 1、圖像化的故障處理工具 Jconsole visualVM 2、Jconsole 進入"E:\Java\jdk1.6\bin",雙擊"jco
  • DOM(文檔對象模型)是針對HTML和XML文檔的一個API。DOM描繪了一個層次化的節點樹,允許程式員添加、修改頁面的一部分。
  • 什麼是函數: 函數是完成某一功能的代碼段。 函數是可重覆執行的代碼段。 函數方便管理和維護。 自定義一個函數: 通過function關鍵字來定義一個函數。 語法: function 函數名稱([可以帶參數,也可以不帶參數,可以帶一個參數,可以帶多個參數]){ 執行的代碼段; return返回值; }
  • 條件語句: if(exp)執行一句代碼 1 <script> 2 var x = 1 ; 3 if(x == 1 ) //當if判斷語句結果是true 或者 false 當判斷結果等於true的時候,執行一句語句 4 document.write("x真的等於1") //=>x真的等於1 5 </s
  • 三元運算符: 語法為 exp1? exp2:exp3 判斷 exp1是true 和 false 如果true,則返回exp2 ,如果false ,則返回exp3 1 <script> 2 if(5>1){ 3 alert("true") 4 }else{ 5 alert("false") 6 } 7
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...