【JS複習筆記】02 對象與函數

来源:http://www.cnblogs.com/vvjiang/archive/2016/01/20/5143852.html
-Advertisement-
Play Games

好吧,因為很重要的事情,幾天沒寫筆記了。關於對象:||可以用來填充預設值,如:myApp.name || "無"&&可以用來避免錯誤,myApp.NameObj有某種情況不存在,那麼可以用myApp.NameObj &&myApp.NameObj.Name避免腳本錯誤所有通過對象字面量創建的對象都連...


好吧,因為很重要的事情,幾天沒寫筆記了。

關於對象:

  • ||可以用來填充預設值,如:myApp.name || "無"
  • &&可以用來避免錯誤,myApp.NameObj有某種情況不存在,那麼可以用myApp.NameObj && myApp.NameObj.Name避免腳本錯誤
  • 所有通過對象字面量創建的對象都連接到Object.prototype,當你創建某對象時也可以選擇另一個對象作為它的原型,比如:
    if(typeof Object.beget!=='function'){
        Object.create=function(o){
            var F=function(){};
            F.prototype=o;
            return new F();
        }    
    }
    var another_stooge=Object.Create(stooge);

  • delete運算符可以刪掉對象的屬性,如:delete obj.name
  • 為了減少全局變數的污染,可以創建一個唯一的全局變數對象,所有的全局變數都寫在這個全局變數對象里

關於函數:

  • 對象字面量產生的字面量的原型都是Object.prototype,函數對象連接到Function.prototype.(該原型對象本身連接到Object.prototype)
  • 除了聲明時定義的形式參數,每個函數還接收兩個附加的參數:this和arguments。this的值取決於調用的模式。
  • JS中有四種調用模式:
    • 方法調用模式
      • 方法定義:如果一個函數被保存為對象的一個屬性,那麼就被稱為方法。
      • 調用的時候this被綁定為該對象。
    • 函數調用模式
      • 就被當做一個函數來調用,this會被綁定為全局對象。
    • 構造器調用模式
      • 如果在一個函數前面帶上new來調用,那麼背地裡會創建一個連接到該函數的prototype成員的新對象
      • 同時this會綁定到那個新對象上
    • Apply調用模式
      • 因為函數就是對象,所以函數也可以擁有方法,也就是Apply方法
      • funcObj.Apply(obj,array),第一個值obj賦值給this,第二個值為參數數組,funcObj為函數對象
  • 實際參數和形式參數的數目不匹配並不會導致錯誤
  • arguments數組表示實際傳進來的參數的數組,說是數組,實際上這是個數組對象,它沒有任何數組的方法。
  • 擴充類型的功能:舉個慄子:
  • //下麵這個是本書添加新函數的方法
    Function.prototype.AddMethod=function(funcName,func){
        this.prototype[funcName]=func;
        return this;
    };
    //根據數字正負來判斷使用Math.ceiling還是Math.floor
    Number.AddMethod('integer',function(){
        return Math[this<0?'ceil':'floor'](this);
    })
    document.writeln((-10/3).integer());
  • 作用域的好處在於它可以訪問外部函數的參數和變數(除了this和arguments,當然有變通的手法,比如外部函數this或者arguments賦值給外部函數的一個變數)
  • 閉包寫法:
    • 你可以用閉包保護name這個變數,從而形成一個類似於私有變數的東西
    • 所謂閉包,簡單來講,就是函數可以訪問它被創建時所處的上下文環境。 
      var getMyName=function(){
          var name='Troy';
          return {
              GetName:function(){
                  return name;
              },
              SetName:function(newName){
                  name=newName;
              }
          }
      }();//註意這裡兩個括弧代表,這個最外圍的函數被直接執行了,所以getName其實是裡面的那個對象
      
      getMyName.GetName();//結果為Troy
      getMyName.SetName("asd");
      getMyName.GetName();//結果為asd
  • 記憶功能實際上算是對遞歸的一種優化,就是在遞歸外用個數組樣的容器去保存遞歸的數據。
  • 什麼模塊啊,柯里化其實就是對閉包的一種擴展,這裡就不記錄了

 


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

-Advertisement-
Play Games
更多相關文章
  • 湯姆大叔的6道js題目 (裡面最有意思的是 實現如下語法的功能:var a = add(2)(3)(4); //9 )
  • mustache.js是一個簡單強大的Javascript模板引擎,使用它可以簡化在js代碼中的html編寫,壓縮後只有9KB,非常值得在項目中使用。本文總結它的使用方法和一些使用心得,內容不算很高深,純粹是入門內容,看看即可。不過要是你還沒有用過此類的javascript引擎庫,那麼本文還是值得你...
  • 官網地址:http://harvesthq.github.io/chosen/Chosen (v1.4.2)Chosen has a number of options and attributes that allow you to have full control of your select...
  • 最近閑著沒事,研究了一下Node.js技術。發現Node.js真的很強大,它配合socket.io竟然可以實現Web的socket通訊技術。所以我決定來做個Web版的鬥地主來好好玩玩這個WebSocket技術,呵呵!!!先來部署環境1.安裝Node.js根據自己的操作系統,去Node.js官網下載安...
  • http含義:http 200:-文件被正常的訪問http 302:臨時重定向HTTP錯誤列表HTTP 400 - 請求無效HTTP 401.1 - 未授權:登錄失敗HTTP 401.2 - 未授權:伺服器配置問題導致登錄失敗HTTP 401.3 - ACL 禁止訪問資源HTTP 401.4 - 未...
  • 如果JS代碼中設置元素的另一個CSS屬性font-family。這個屬性的獲取方式與color屬性略有不同,因為 font和family之間的連字元與JS中減法操作符相同,JS會把它解釋為減號。如果你像下邊這樣訪問名為 font-family 的屬性,會收到一條出錯信息:Element.style....
  • 寫了這麼久的CSS,但大部分前端er都沒有按照良好的CSS書寫規範來寫CSS代碼,這樣會影響代碼的閱讀體驗,這裡總結一個CSS書寫規範、CSS書寫順序供大家參考,這些是參考了國外一些文章以及我的個人經驗總結出來,我想對寫CSS的前端用戶來說是值得學習的。 CSS書寫順序 1.位置屬性(positi....
  • 在這時碰到了一個圓角邊框的問題,以前的代碼是在每個頁面寫一個固定結構的div,使用背景圖片來實現圓角邊框。代碼結構大致如下:.top_border{background:url(topborder.png);}.left_border{background:url(leftborder.png);}...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...