首先給大家介紹JavaScript中function定義函數的幾種方法：
1.最基本的作為一個本本分分的函數聲明使用。
或
2.作為一個類構造器使用：
function class(){}class.prototype={};var item=new class();3.作為閉包使用：
(function(){//獨立作用域})();4.可以作為選擇器使用：
var addEvent=new function(){if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};else return function(elem,type,func){addEventListener(elem,type,func,false);}};//避免了重復判斷5.以上四中情況的混合應用：
var class=new function(){var privateArg;//靜態私有變量function privateMethod=function(){};//靜態私有方法return function(){/*真正的構造器*JavaScript function函數種類：主要介紹普通函數、匿名函數、閉包函數
1.普通函數介紹
1.1 示例
function ShowName(name) { alert(name);}1.2 Js中同名函數的覆蓋
在Js中函數是沒有重載，定義相同函數名、不同參數簽名的函數，后面的函數會覆蓋前面的函數。調用時，只會調用后面的函數。
var n1 = 1;function add(value1) { return n1 + 1;}alert(add(n1));//調用的是下面的函數，輸出：3function add(value1, value2) { return value1 + 2;}alert(add(n1));//輸出：31.3 arguments對象
arguments 類似于C#的params，操作可變參數：傳入函數的參數數量大于定義時的參數數量。
function showNames(name) { alert(name);//張三 for (var i = 0; i < arguments.length; i++) { alert(arguments[i]);//張三、李四、王五 }}showNames('張三','李四','王五');1.4 函數的默認范圍值
若函數沒有指明返回值，默認返回的是'undefined'
function showMsg() {}alert(showMsg());//輸出：undefined2.匿名函數
2.1 變量匿名函數
2.1.1 說明
可以把函數賦值給變量、事件。
2.1.2 示例
//變量匿名函數，左側可以為變量、事件等var anonymousNormal = function (p1, p2) { alert(p1+p2);}anonymousNormal(3,6);//輸出92.1.3 適用場景
①避免函數名污染。若先聲明個帶名稱的函數，再賦值給變量或事件，就造成了函數名的濫用。
2.2 無名稱匿名函數
2.2.1 說明
即在函數聲明時，在后面緊跟參數。Js語法解析此函數時，里面代碼立即執行。
2.2.2 示例
(function (p1) { alert(p1);})(1);2.2.3 適用場景
①只需執行一次的。如瀏覽器加載完，只需要執行一次且后面不執行的功能。
3. 閉包函數
3.1 說明
假設，函數A內部聲明了個函數B，函數B引用了函數B之外的變量，并且函數A的返回值為函數B的引用。那么函數B就是閉包函數。
3.2 示例
3.2.1 示例1：全局引用與局部引用
function funA() { var i = 0; function funB() { //閉包函數funB i++; alert(i) } return funB;}var allShowA = funA(); //全局變量引用：累加輸出1,2,3,4等function partShowA() { var showa = funA();//局部變量引用：只輸出1 showa();}allShowA是個全局變量，引用了函數funA。重復運行allShowA()，會輸出1,2,3,4等累加的值。
執行函數partShowA(),因為內部只聲明了局部變量showa來引用funA，執行完畢后因作用域的關系，釋放showa占用的資源。
閉包的關鍵就在于作用域：全局變量占有的資源只有當頁面變換或瀏覽器關閉后才會釋放。var allShowA = funA() 時，相當于allShowA引用了funB()，從而使funB()里的資源不被GC回收，因此funA()里的資源也不會。
3.2.2 示例2：有參閉包函數
function funA(arg1,arg2) { var i = 0; function funB(step) { i = i + step; alert(i) } return funB;}var allShowA = funA(2, 3); //調用的是funA arg1=2，arg2=3allShowA(1);//調用的是funB step=1,輸出 1allShowA(3);//調用的是funB setp=3,輸出 43.2.3 示例3：父函數funA內的變量共享
function funA() { var i = 0; function funB() { i++; alert(i) } allShowC = function () {// allShowC引用匿名函數,與funB共享變量i i++; alert(i) } return funB;}var allShowA = funA();var allShowB = funA();//allShowB引用了funA，allShowC在內部重新進行了綁定，與allShowB共享變量i3.3 適用場景
①保證函數funA內里的變量安全，因為外部不能直接訪問funA的變量。
以上內容就是本文給大家介紹js中的function函數，希望大家喜歡。
新聞熱點
疑難解答
