摘要:閉包閉包是指有權訪問另一個函數作用域中的變量的函數。我們可以通過創建另一個匿名函數強制讓閉包的行為符合預期。不過,匿名函數的執行環境具有全局性,因此其對象通常指向。
遞歸
function factorial(num){ if(num<=1){ return 1; }else { return num * arguments.callee(num-1); } } console.log(factorial(4));
但是如果代碼是在嚴格模式下開發:
"use strict"; function factorial(num){ if(num<=1){ return 1; }else { return num * arguments.callee(num-1); } } console.log(factorial(4));
結果:Uncaught TypeError: "caller", "callee", and "arguments" properties may not be accessed on strict mode functions or the arguments objects for calls to them
在嚴格模式下不能通過腳本訪問arguments.callee,訪問這個屬性會報錯,那么可以使用命名函數表達式來達到相同的結果:
"use strict"; var factorial = (function f(num){ if(num<=1){ return 1; }else { return num * f(num-1); } }) console.log(factorial(4)); //24
以上代碼創建了一個名為f()的命名函數表達式,然后將它賦值給變量factorial,即是把函數賦值給另外一個變量,函數的名字仍然有效。
閉包閉包是指有權訪問另一個函數作用域中的變量的函數。
閉包與變量作用域鏈的這種配置機制引出了一個值得注意的副作用,即閉包只能取得包含函數中任何變量的最后一個值。別忘了閉包所保存的是整個變量對象,而不是某個特殊的變量。
function createFunctions(){ var result = new Array(); for (var i=0; i<10; i++){ result[i] = function(){ return i; } } return result; }
我們可以通過創建另一個匿名函數強制讓閉包的行為符合預期。
function createFunctions(){ var result = new Array(); for (var i=0; i<10; i++){ result[i] = function(num){ return function(){ return num; }; }(i); } return result; }關于this對象
在全局函數中,this等于window,而當函數被作為某個對象的方法調用時,this等于那個對象。不過,匿名函數的執行環境具有全局性,因此其this對象通常指向window。
var name = "The window"; var object = { name: "My Object", getNameFunc: function(){ return function(){ return this.name; }; } }; console.log(object.getNameFunc()()); // The window
不過,把外部作用域中的this對象保存在一個閉包能夠訪問到的變量里,就可以讓閉包訪問該對象了。
var name = "The window"; var object = { name: "My Object", getNameFunc: function(){ var that = this; return function(){ return that.name; }; } }; console.log(object.getNameFunc()()); // My Object
看下面代碼:
var name = "The window"; var object = { name: "My Object", getName: function(){ console.log(this.name); } } object.getName(); // My Object (object.getName)(); // My Object (object.getName = object.getName)(); // The window
來分析下調用的結果:
第一行代碼跟平常一樣調用了object.getName()返回了My Object ,因為this.name就是object.name。
第二行代碼在調用這個方法之前給它加了一個括號。雖然加了一個括號后,就好像只是在引用一個函數,但是this的值得到了維持,因為object.getName和(object.getName)的定義是相同的。
第三行代碼先執行了一條賦值語句,然后再調用賦值后的結果。因為這個賦值表達式的值是函數本身,所以this的值不能得到維持,結果就返回了The window。
當然你不大可能像第二行和第三行代碼一樣調用這個方法。這個例子只是說明了一個細微的語法變化,都有可能意外的改變this的值。
內存泄露function assignHandler(){ var element=document.getElementById("someElement"); element.onclick=function(){ alert(element.id); } }
上述代碼它所占用的內存不會永遠消失。修改一下代碼如下解決:
function assignHandler(){ var element = document.getElementById("someElement"); var id = element.id; element.onclick = function(){ alert(id); } element = null; }模仿塊級作用域
用塊級作用域(通常稱為私用作用域)的匿名函數的語法如下所示:
(function(){ })();私有變量
function add(num1,num2){ var sum=num1+num2; return sum; }
在這個函數內部,有三個私有變量:sum,num1,num2。在函數內部可以訪問這幾個變量。但是在函數外部則不能訪問它們。如果在這個函數內部創建一個閉包,那么閉包可以通過自己的作用域鏈也可以訪問這些變量。而利用這一點,就可以創建用于訪問私有變量的公有方法。
我們把有權訪問私有變量和私有函數的公有方法稱為特權方法。有兩種在對象上創建特權方法的方式。第一種是在構造函數中定義特權方法。基本模式如下:
function myObejct(){ //私有變量和私有函數 var privateVariable=10; function privateFunction(){ return false; } //特權方法 this.publicMethod=function(){ privateVariable++; return privateFunction(); } }
利用私有和特權成員,可以隱藏那些不應該被直接修改的數據,例如:
function Person(name){ this.getName=function(){ return name; } this.setName=function(value){ name=value; } } var person=new Person("Nicholas"); alert(person.getName());//Nicholas person.setName("Greg"); alert(person.getName());//Greg靜態私有變量
通過在私有作用域中定義私有變量或函數,同樣也可以創建特權方法。其基本模式如下:
(function(){ //私有變量和私有函數 var privateVariable=10; function privateFunction(){ return false; } //構造函數 MyObject=function(){ }; //公有/特權方法 MyObject.prototype.publicMethod=function(){ privateVariable++; return privateFunction(); } })();
再看一個例子:
(function(){ var name = ""; Person = function(value){ name = value; }; Person.prototype.getName = function(){ return name; }; Person.prototype.setName = function(value){ name = value; }; })(); var person1 = new Person("Nicholas"); console.log(person1.getName()); //Nicholas person1.setName("Grey"); console.log(person1.getName()); //Grey var person2 = new Person("Michael"); console.log(person1.getName()); //Michael console.log(person2.getName()); //Michael
在一個實例上調用setName()會影響所有的實例。
模塊模式模塊模式是為單例創建私有變量和特權方法。所謂單例,指的就是只有一個實例的對象。按照慣例,js是以對象字面量的方式來創建單例對象的。
var singleton={ name:value, method:function(){ //這里是方法的代碼 } };
模塊模式通過為單例添加私有變量和特權方法能夠使其得到增強。其語法形式如下:
var singleton=function(){ //私有變量和私有函數 var privateVariable=10; function privateFunction(){ return false; } //特權/公有屬性和方法 return { publicProperty:true, publicMethod:function(){ privateVariable++; return privateFunction(); } } }();增強的模塊模式
var singleton=function(){ //私有變量和私有函數 var privateVariable=10; function privateFunction(){ return false; } //創建對象 var object=new CustomType(); //添加特權/公有屬性和方法 object.publicProperty=true; object.publicMethod=function(){ privateVariable++; return privateFunction(); } //返回這個對象 return object; }();
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/87646.html
摘要:網上有很多前端的學習路徑文章,大多是知識點羅列為主或是資料的匯總,數據量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告,發送獲取資料,就能收到下載密碼,網盤地址在最下方,獲取教程和案例的資料。 前言 好的學習方法可以事半功倍,好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑,還要寫學習方法,還要發資料,干貨滿滿,準備接招。 網上有很多前端的學習路徑文章,大多是知...
摘要:函數實際上是對象。所以需要消除這種緊耦合。函數內部屬性引用的是函數據以執行的環境對象或者也可以說是值函數的名字僅僅是一個包含指針的變量而已。因此,即使是在不同的環境中執行,全局的函數與函數指向的仍然是同一個函數。 1.函數實際上是對象。每個函數都是 Function 類型的實例,而且都與其他引用類型一樣具有屬性和方法 2.由于函數名僅僅是指向函數的指針,因此函數名與包含對象指針的其他變...
摘要:學習筆記七數學形態學關注的是圖像中的形狀,它提供了一些方法用于檢測形狀和改變形狀。學習筆記十一尺度不變特征變換,簡稱是圖像局部特征提取的現代方法基于區域圖像塊的分析。本文的目的是簡明扼要地說明的編碼機制,并給出一些建議。 showImg(https://segmentfault.com/img/bVRJbz?w=900&h=385); 前言 開始之前,我們先來看這樣一個提問: pyth...
摘要:三種使用構造函數創建對象的方法和的作用都是在某個特殊對象的作用域中調用函數。這種方式還支持向構造函數傳遞參數。叫法上把函數叫做構造函數,其他無區別適用情境可以在特殊的情況下用來為對象創建構造函數。 一、工廠模式 工廠模式:使用字面量和object構造函數會有很多重復代碼,在此基礎上改進showImg(https://segmentfault.com/img/bVbmKxb?w=456&...
閱讀 2299·2021-09-30 09:47
閱讀 2218·2021-09-26 09:55
閱讀 2945·2021-09-24 10:27
閱讀 1539·2019-08-27 10:54
閱讀 966·2019-08-26 13:40
閱讀 2493·2019-08-26 13:24
閱讀 2418·2019-08-26 13:22
閱讀 1726·2019-08-23 18:38