欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript碎片—函數(shù)閉包（模擬面向?qū)ο螅?/h1>
 更新時間：2019年03月13日 17:00:01   作者：鐘離上河  
這篇文章主要介紹了JavaScript函數(shù)閉包，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

經(jīng)過這幾天的博客瀏覽，讓我見識大漲，其中有一篇讓我感觸猶深，JavaScript語言本身是沒有面向?qū)ο蟮模悄切┐笊駛儏s深深的模擬出來了面向?qū)ο?，讓我震撼不已。本篇博客就是在此基礎(chǔ)上加上自己的認(rèn)知，如有錯誤，還請見諒。

具體來說實(shí)現(xiàn)模擬面向?qū)ο笾饕抢肑avaScript函數(shù)閉包這個概念。由于JavaScript中的每一個function都會形成一個作用域，而如果變量聲明在這個域中，那么外部是無法直接去訪問，要想訪問必須new出一個實(shí)例來，相當(dāng)于Java中class。首先讓我們來了解一下prototype方法：

1、不使用prototype屬性定義的對象方法，是靜態(tài)方法，只能直接用類名進(jìn)行調(diào)用！另外，此靜態(tài)方法中無法使用this變量來調(diào)用對象其他的屬性！
2、使用prototype屬性定義的對象方法，是非靜態(tài)方法，只有在實(shí)例化后才能使用！其方法內(nèi)部可以this來引用對象自身中的其他屬性！
Tips ：所有的變量，如果不加上var關(guān)鍵字，則默認(rèn)的會添加到全局對象的屬性上去！

具體來說模擬類有以下5種常見寫法：

第一種寫法：具體介紹見以下代碼注釋。

function Circle(r) {
    this.r = r;
  }

  Circle.PI = 3.14159;/*Circle.PI屬于全局變量 */
  Circle.prototype.area = function() {
    return Circle.PI * this.r * this.r;
  }/*Circle方法調(diào)用prototype屬性從而能用this調(diào)用 Circle方法中的r屬性*/

  var c = new Circle(1.0);/* 實(shí)例化 Circle*/
  alert(c.area());

第二種寫法：與Java類相似，推薦使用！

var Circle = function() { 
    var obj = new Object(); /*先實(shí)例化Object方法，使之能調(diào)用 obj.PI屬性及obj.area方法*/
    obj.PI = 3.14159; 
     
    obj.area= function( r ) { 
      return this.PI * r * r; 
    } 
    return obj; 
  } 
   
  var c = new Circle(); 
  alert( c.area( 1.0 ) );

第三種寫法：主要思想是自己先實(shí)例化出一個對象，在往這個對象里添加屬性及方法

var Circle = new Object(); 
Circle.PI = 3.14159; 
Circle.Area = function( r ) { 
    return this.PI * r * r; 
} 
 
alert( Circle.Area( 1.0 ) );

 第四種寫法：該寫法跳過new這一步驟，且電腦簡單清晰明了，個人推薦這種寫法??！

var Circle={ 
      "PI":3.14159, 
     "area":function(r){ 
         return this.PI * r * r; 
        } 
    }; 
    alert( Circle.area(1.0) );

 第五種寫法：此方法與前三種大同小異，不過聽說這種寫法很少人用，不建議推薦使用哦！！

var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}"); 
 
alert( (new Circle()).area(1.0) );

想必各位朋友都在想既然是模擬面向?qū)ο螅鞘遣皇堑糜蟹庋b繼承，getset方法？？？答案是肯定的，那讓我們來看看如下代碼：

 封裝：在看看如下代碼我們能清晰的了解到封裝的使用，假若我們?nèi)サ?var name = "default"; 中的var，那么結(jié)果又是怎么樣？？答案是與先前一樣的，由此可見無var定義的屬性只是再其變量作用域中充當(dāng)全局，只有屬性在其作用域中是私有的，若要定義一個私有方法需要將其賦予一個變量充當(dāng)屬性。還有本例中new 可加可不加，若不加可往其后添加（）。

var person = function(){  
  //變量作用域?yàn)楹瘮?shù)內(nèi)部，外部無法訪問  
  var name = "default";    
    
  return {  
    getName : function(){  
      return name;  
    },  
    setName : function(newName){  
      name = newName;  
    }  
  }  
}();  
   

alert(person.name);//直接訪問，結(jié)果為undefined 
alert(person.getName());  
person.setName("abruzzi");  
alert(person.getName());

實(shí)現(xiàn)類和繼承：該例的主要思想是定義一個變量，將一個方法賦予它，在根據(jù)prototype方法將需要繼承的類放入其中即可達(dá)到繼承的效果。。

function Person(){  
  var name = "default";    
    
  return {  
    getName : function(){  
      return name;  
    },  
    setName : function(newName){  
      name = newName;  
    }  
  }  
  }; /* 封裝好的一個類Person */ var Jack = function(){};
  //繼承自Person
  Jack.prototype = new Person();
  //添加私有方法
  Jack.prototype.Say = function(){
    alert("Hello,my name is Jack");
  };
  var j = new Jack();
  j.setName("Jack");
  j.Say();
  alert(j.getName());

以上所述是小編給大家介紹的JavaScript函數(shù)閉包詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論