淺談JavaScript函數(shù)的四種存在形態(tài)

字號:


    下面小編就為大家?guī)硪黄獪\談JavaScript函數(shù)的四種存在形態(tài)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    函數(shù)的四種存在形態(tài):
    1.函數(shù)形態(tài)
    2.方法形態(tài) 將函數(shù)賦值給某一個對象的成員,那么就稱為方法
    3.構造器形態(tài)
    4.上下文形態(tài)
    1.函數(shù)形態(tài):
    var foo = function() {
      alert(this);       //this是window
    };
    2.方法形態(tài):
    o = {};
    o.foo = foo;  //將函數(shù)foo賦值給對象o的foo屬性
    o.foo();    //彈出的是object,此時的this表示object
    var lib = {
      test:function() {
        alert(this);     //此處的this表示object(lib對象本身)
        //var that = this;  //要想匿名函數(shù)中this表示lib對象,可以這樣
        (function() {
         alert(this);    //此處的匿名函數(shù)不屬于lib對象,所以this的任然表示window
        })();
      }
    };
    lib.test();
    3.構造器(構造函數(shù))var p = new Person();
    1、new創(chuàng)建了對象,并開辟了空間
    2、將對象的引用地址傳遞給函數(shù),在函數(shù)中用this接收
    3、構造方法執(zhí)行結束,返回this
    var Person = function() {
      this.age = 19;
      this.name = "Mr靖";
      return "{}";
    };
    var p = new Person();
    alert(p.name);  //彈出的是undefined,由于函數(shù)返回的是一個對象,所以直接將這個對象返回給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
    改變的東西有:構造函數(shù)改變了函數(shù)的返回值;如果函數(shù)的返回值是一個對象,那么就按照返回值來返回;如果返回值不是一個對象就忽略返回值,直接返回this;
    4.上下文調(diào)用模式函數(shù).apply(對象, [參數(shù)列表])
    var foo1 = function(a, b) {
      alert(this);
      return a > b ? a : b;
    };
    var num = foo1.apply(null, [112, 34]);   //此時foo1是函數(shù)形態(tài),this表示window
    num = foo1.apply({}, [112, 34]);      //此時foo1是方法形態(tài),this表示參數(shù)中傳入的對象{}
    函數(shù).call(對象, 參數(shù)列表);
    var num1 =foo1.call(null,112,34);
    num1=foo1.call({},112,34);      //除了參數(shù)列表外,其余和apply一樣
    以上這篇淺談JavaScript函數(shù)的四種存在形態(tài)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考