JavaScript函數的四種存在形態

来源:http://www.cnblogs.com/doforfuture/archive/2016/06/07/5568479.html
-Advertisement-
Play Games

函數的四種存在形態: 1.函數形態 2.方法形態 將函數賦值給某一個對象的成員,那麼就稱為方法 3.構造器形態 4.上下文形態 1.函數形態: var foo = function() { alert(this); //this是window }; 2.方法形態: o = {}; o.foo = f ...


函數的四種存在形態: 1.函數形態 2.方法形態 將函數賦值給某一個對象的成員,那麼就稱為方法 3.構造器形態 4.上下文形態  
1.函數形態:
var foo = function() {
    alert(this);             //this是window
};
2.方法形態:
o = {};
o.foo = foo;    //將函數foo賦值給對象o的foo屬性
o.foo();        //彈出的是object,此時的this表示object
 var lib = {
    test:function() {
        alert(this);         //此處的this表示object(lib對象本身)
        //var that = this;   //要想匿名函數中this表示lib對象,可以這樣
        (function() {
          alert(this);       //此處的匿名函數不屬於lib對象,所以this的任然表示window
        })();
    }
};
lib.test();




3.構造器(構造函數)

var p = new Person();
1、new創建了對象,並開闢了空間
2、將對象的引用地址傳遞給函數,在函數中用this接收
3、構造方法執行結束,返回this
var Person = function() {
    this.age = 19;
    this.name = "Mr靖";
    return "{}";
};

var p = new Person();
alert(p.name);   //彈出的是undefined,由於函數返回的是一個對象,所以直接將這個對象返回給person,而忽略age,name屬性
var Person = function() {
    this.age = 19;
    this.name = "Mr靖";
    return 123;
};

var p = new Person();
alert(p.name);      //彈出“Mr靖”,由於返回值不是對象,所以直接忽略返回值
alert(p);            //彈出object
改變的東西有:
構造函數改變了函數的返回值;
如果函數的返回值是一個對象,那麼就按照返回值來返回;
如果返回值不是一個對象就忽略返回值,直接返回this;


4.上下文調用模式
函數.apply(對象, [參數列表])
var foo1 = function(a, b) {
    alert(this);
    return a > b ? a : b;
};
var num = foo1.apply(null, [112, 34]);     //此時foo1是函數形態,this表示window
num = foo1.apply({}, [112, 34]);           //此時foo1是方法形態,this表示參數中傳入的對象{}
函數.call(對象, 參數列表);
var num1 =foo1.call(null,112,34);
num1=foo1.call({},112,34);            //除了參數列表外,其餘和apply一樣

 

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

-Advertisement-
Play Games
更多相關文章
  • 今天又次體會到jquery的強大了,做了個多級覆選框的效果,代碼總共就20+行就over了。 我又想用js來做一個看看,才寫了幾個方法就寫不動了,相容性要考慮很多,而且代碼量直線上升。 主要分享下jquery的這個效果的實現。代碼塊分兩塊: 一是全選的效果,就是點擊全選的覆選框時它的子孫都相應被選中 ...
  • javascript/js的ajax的GET請求: <script type="text/javascript"> /* 創建 XMLHttpRequest 對象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpReque ...
  • checkbox和radio的美化 checkbox: <style type="text/css"> input[type="checkbox"] { display: none; } input[type="checkbox"] + label { display: inline-block; ...
  • 面向對象的一個標誌是它們都有類的概念,而JavaScript中沒有類的概念,因此它的對象與其他語言基於類的對象定義不同。 理解對象 前面介紹過對象的兩種創建方式:構造函數和對象字面量: var p = new Object(); p.name = "蕭蕭弈寒"; p.blog = "cnblogs. ...
  • 在博客園註冊賬號有些天了,感覺有些許欣慰,自己寫的東西有人在看,有人在評論很是開心。(ps: 滿足一下虛榮心吧!) 廢話不多說了,說一下今天給大家分享的是 html5上傳圖片。我們是在移動端使用的,但是這個在pc上也通用相容性我只在谷歌測試過。之前一直用的angular寫的《用HTML5的File ...
  • 做一個太陽系八大行星的運轉動畫,不包括行星的衛星,所有行星圍繞太陽公轉,行星採用純色,暫時沒有自轉。 效果靜態圖: 動畫中包括:太陽及各行星,運行軌道,行星公轉動畫。 先畫好草圖,設計好大小和位置,根據公轉周期計算好動畫執行的時間。 html的結構: 一個class為solarsys的div,作為太 ...
  • 0. 引子,我們為什麼要cookie和session 因為http請求是無狀態的(不能記錄用戶的登錄狀態等),所以需要某種機制來保存用戶的登錄狀態等信息,在下次訪問web服務的時候,不用再次校驗是否登錄等狀態,session機制和cookie機制分別是在伺服器端和瀏覽器端的解決方案。 1.關於coo ...
  • 一、背景 1、背景顏色用background-color屬性,例如:body{background-color:red} 2、用圖像做背景用background-image屬性,例如body{background-image:ul1(23.jpg) 3、背景由圖片重覆平鋪用backgroud-rep ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...