高程3總結(jié)#第7章函數(shù)表達(dá)式

sevi_stuo 發(fā)布于2019-08-23 11:53 / 615人閱讀

摘要：匿名函數(shù)可以用來模仿塊級(jí)作用域來避免這個(gè)問題這里是塊級(jí)作用域代碼定義并立即調(diào)用了一個(gè)匿名函數(shù)，將函數(shù)聲明包含在一對(duì)圓括號(hào)中，表示它實(shí)際上是一個(gè)函數(shù)表達(dá)式，而緊隨其后的另一對(duì)圓括號(hào)會(huì)立即調(diào)用這個(gè)函數(shù)。

函數(shù)表達(dá)式 遞歸

遞歸函數(shù)是在一個(gè)函數(shù)通過名字調(diào)用自身的情況下構(gòu)成的

function factrial(num){
  if(num<=1){
    return 1;
  }else {
    return num*factrial(num-1);
  }
}

argument.callee是一個(gè)指向正在執(zhí)行的函數(shù)的指針，因此可以用它來實(shí)現(xiàn)對(duì)函數(shù)的遞歸調(diào)用

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

嚴(yán)格模式下不能通過腳本訪問argument.callee，訪問這個(gè)屬性會(huì)導(dǎo)致錯(cuò)誤，不過可以使用命名函數(shù)表達(dá)式類達(dá)成相同的結(jié)果

var factorial=(function f(num){
  if(num<=1){
    return 1;
  }else {
    return num*f(num-1);
  }
})

閉包

閉包是指有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)

function compare(value1,value2){
  if(value1value2){
    return 1;
  }else {
    return 0;
  }
}
var result=compare(5,10)

//創(chuàng)建函數(shù)
var compareNames = createComparisonFunction("name");
//調(diào)用函數(shù)
var result = compareNames({ name: "Nicholas" }, { name: "Greg" });
//解除對(duì)匿名函數(shù)的引用（以便釋放內(nèi)存）
compareNames = null;

閉包與變量

閉包只能取得包含函數(shù)中任何變量的最后一個(gè)值，i值為10

function creatFunctions(){
  var result=new Array();
  for(var i=0;i<10;i++){
    result[i]=function(){
      return i;
    };
  };
  return result;
}

通過匿名函數(shù)強(qiáng)制讓閉包的行為符合預(yù)期

function createFuntion(){
  var result=new Array();
  for(var i=0;i<10;i++){
    result[i]=function(num){
      return function(){
        return num;
      };
    }(i);
  }
  return result;
}

關(guān)于this對(duì)象

匿名函數(shù)的執(zhí)行環(huán)境具有全局性，因此其this對(duì)象通常指向window

把外部作用域中的this對(duì)象保存在一個(gè)閉包能夠訪問到的變量里，就可以了讓閉包訪問這個(gè)對(duì)象了

var name="The Window";
var object={
  name:"My Object",
  getNameFunc:function(){
    var that=this;
    return function(){
      return that.name
    };
  }
};
alert(object.getNameFunc()());//"My Object"

定義米明函數(shù)之前，我們把this對(duì)象賦值給了一個(gè)名叫that的變量，而在定義了這個(gè)閉包之后，閉包也可以訪問這個(gè)變量，因此它是我們?cè)诎瘮?shù)中特意聲明的一個(gè)變量，即使在函數(shù)返回之后，that也仍然引用這object

內(nèi)存泄漏

如果閉包作用域中保存著一個(gè)HTML元素，那么久意味著該元素將無法被銷毀

function assignHandler(){
  var element=docunemt.getElementById("someElement");
  element.onclick=function(){
    alert(element.id)
  }
}

以上代碼段中的element占用的內(nèi)存永遠(yuǎn)不會(huì)被回收

function assignHandler(){
  var element=document.getElementById("someElement");
  var id=element.id;
  element.onclick=function(){
    alert(id);
  }
  element=null;
}

模仿塊級(jí)作用域

function outputNumbers(count){
  for(var i=0;i


JavaScript從來不會(huì)告訴你是否多次聲明了同一個(gè)變量，遇到這種情況，只會(huì)對(duì)后續(xù)的聲明視而不見，不過會(huì)執(zhí)行后續(xù)聲明中的變量初始化。匿名函數(shù)可以用來模仿塊級(jí)作用域來避免這個(gè)問題
(function(){
  //這里是塊級(jí)作用域
})()


代碼定義并立即調(diào)用了一個(gè)匿名函數(shù)，將函數(shù)聲明包含在一對(duì)圓括號(hào)中，表示它實(shí)際上是一個(gè)函數(shù)表達(dá)式，而緊隨其后的另一對(duì)圓括號(hào)會(huì)立即調(diào)用這個(gè)函數(shù)。
function outputNumbers(count){
  (function(){
    for(var i=0;i

這種技術(shù)經(jīng)常在全局作用域中被用在函數(shù)外部，從而限制向全局作用域中添加過多的變量和函數(shù)。一般來說，我們應(yīng)該盡量少向全局作用域中添加變量和函數(shù)

私有變量

JavaScript中滅有私有成員的概念，所以對(duì)象屬性都是共有的。任何在函數(shù)中定義的變量，都可以認(rèn)為是私有變量，因?yàn)椴荒茉诤瘮?shù)的外部訪問這些變量，私有變量包括函數(shù)的參數(shù)、局部變量和在函數(shù)內(nèi)部定義的其他函數(shù)。
如果在函數(shù)內(nèi)部創(chuàng)建一個(gè)閉包，那么閉包通過自己的作用域鏈也可以訪問函數(shù)內(nèi)的變量

靜態(tài)私有變量
(funciton(){
  //私有變量和私有函數(shù)
  var privateVariable=10;
  function privateFunction(){
    return false;
  }
  //構(gòu)造函數(shù)
  MyObject=function(){}
  //公有/特權(quán)方法
  MyObject.prototype.publicMethod=function(){
    privateVariable++;
    return privateFunciton();
  }
})();
在私有作用域中，首先定義了私有變量和私有函數(shù)，然后又定義了構(gòu)造函數(shù)及其公有方法
模塊模式


模塊模式是為單例創(chuàng)建私有變量和特權(quán)方法。單例指的就是只有一個(gè)實(shí)例的對(duì)象。按照慣例，JavaScript是以字面量的方式來創(chuàng)建單例對(duì)象的
var singleton={
  name:value,
  method:function(){
    //這里是代碼方法
  }
}


模塊模式通過為單例添加私有變量和特權(quán)的方法能夠使其得到增強(qiáng)
var singleton=function(){
  //私有變量和私有函數(shù)
  var privateVariable=10;
  funciton privateFunction(){
    return false;
  }
  //特權(quán)/公有方法和屬性
  return {
    publicProperty:true,
    publicMethod:function(){
      privateVariable++;
      return privateFunction();
    }
  };
}();


增強(qiáng)的模塊模式
var application = function(){
//私有變量和函數(shù)
var components = new Array();
//初始化
components.push(new BaseComponent());
//創(chuàng)建 application 的一個(gè)局部副本
var app = new BaseComponent();
//公共接口
app.getComponentCount = function(){
  return components.length;
};
app.registerComponent = function(component){
  if (typeof component == "object"){
    components.push(component);
  }
};
//返回這個(gè)副本/
return app;
}();