前面的話(huà)

　　javascript函數(shù)的參數(shù)與大多數(shù)其他語(yǔ)言的函數(shù)的參數(shù)有所不同。函數(shù)不介意傳遞進(jìn)來(lái)多少個(gè)參數(shù)，也不在乎傳進(jìn)來(lái)的參數(shù)是什么數(shù)據(jù)類(lèi)型，甚至可以不傳參數(shù)。

arguments

　　javascript中的函數(shù)定義并未指定函數(shù)形參的類(lèi)型，函數(shù)調(diào)用也未對(duì)傳入的實(shí)參值做任何類(lèi)型檢查。實(shí)際上，javascript函數(shù)調(diào)用甚至不檢查傳入形參的個(gè)數(shù)

function add(x){
return x+1;
}
console.log(add(1));//2
console.log(add('1'));//'11'
console.log(add());//NaN
console.log(add(1,2));//2

同名形參

　　在非嚴(yán)格模式下，函數(shù)中可以出現(xiàn)同名形參，且只能訪(fǎng)問(wèn)最后出現(xiàn)的該名稱(chēng)的形參

function add(x,x,x){
return x;
}
console.log(add(1,2,3));//3

　　而在嚴(yán)格模式下，出現(xiàn)同名形參會(huì)拋出語(yǔ)法錯(cuò)誤

function add(x,x,x){
'use strict';
return x;
}
console.log(add(1,2,3));//SyntaxError: Duplicate parameter name not allowed in this context

參數(shù)個(gè)數(shù)

　　當(dāng)實(shí)參比函數(shù)聲明指定的形參個(gè)數(shù)要少，剩下的形參都將設(shè)置為undefined值

function add(x,y){
console.log(x,y);//1 undefined
}
add(1);

　　常常使用邏輯或運(yùn)算符給省略的參數(shù)設(shè)置一個(gè)合理的默認(rèn)值

function add(x,y){
y = y || 2;
console.log(x,y);//1 2
}
add(1);

　　[注意]實(shí)際上，使用y || 2是不嚴(yán)謹(jǐn)?shù)?，顯式地設(shè)置假值(undefined、null、false、0、-0、''、NaN)也會(huì)得到相同的結(jié)果。所以應(yīng)該根據(jù)實(shí)際場(chǎng)景進(jìn)行合理設(shè)置

　　當(dāng)實(shí)參比形參個(gè)數(shù)要多時(shí)，剩下的實(shí)參沒(méi)有辦法直接獲得，需要使用即將提到的arguments對(duì)象

　　javascript中的參數(shù)在內(nèi)部是用一個(gè)數(shù)組來(lái)表示的。函數(shù)接收到的始終都是這個(gè)數(shù)組，而不關(guān)心數(shù)組中包含哪些參數(shù)。在函數(shù)體內(nèi)可以通過(guò)arguments對(duì)象來(lái)訪(fǎng)問(wèn)這個(gè)參數(shù)數(shù)組，從而獲取傳遞給函數(shù)的每一個(gè)參數(shù)。arguments對(duì)象并不是Array的實(shí)例，它是一個(gè)類(lèi)數(shù)組對(duì)象，可以使用方括號(hào)語(yǔ)法訪(fǎng)問(wèn)它的每一個(gè)元素

function add(x){
console.log(arguments[0],arguments[1],arguments[2])//1 2 3
return x+1;
}
add(1,2,3);

　　arguments對(duì)象的length屬性顯示實(shí)參的個(gè)數(shù)，函數(shù)的length屬性顯示形參的個(gè)數(shù)

function add(x,y){
console.log(arguments.length)//3
return x+1;
}
add(1,2,3);
console.log(add.length);//2

　　形參只是提供便利，但不是必需的

function add(){
return arguments[0] + arguments[1];
}
console.log(add(1,2));//3

對(duì)象參數(shù)

　　當(dāng)一個(gè)函數(shù)包含超過(guò)3個(gè)形參時(shí)，要記住調(diào)用函數(shù)中實(shí)參的正確順序?qū)嵲谧屓祟^疼

function arraycopy(/*array*/from,/*index*/form_start,/*array*/to,/*index*/to_start,/*integer*/length){
//todo
}

　　通過(guò)名/值對(duì)的形式來(lái)傳入?yún)?shù)，這樣參數(shù)的順序就無(wú)關(guān)緊要了。定義函數(shù)的時(shí)候，傳入的實(shí)參都寫(xiě)入一個(gè)單獨(dú)的對(duì)象之中，在調(diào)用的時(shí)候傳入一個(gè)對(duì)象，對(duì)象中的名/值對(duì)是真正需要的實(shí)參數(shù)據(jù)

function easycopy(args){
arraycopy(args.from,args.form_start || 0,args.to,args.to_start || 0, args.length);
}
var a = [1,2,3,4],b =[];
easycopy({form:a,to:b,length:4});

同步

　　當(dāng)形參與實(shí)參的個(gè)數(shù)相同時(shí)，arguments對(duì)象的值和對(duì)應(yīng)形參的值保持同步

function test(num1,num2){
console.log(num1,arguments[0]);//1 1
arguments[0] = 2;
console.log(num1,arguments[0]);//2 2
num1 = 10;
console.log(num1,arguments[0]);//10 10
}
test(1);

　　[注意]雖然命名參數(shù)和對(duì)應(yīng)arguments對(duì)象的值相同，但并不是相同的命名空間。它們的命名空間是獨(dú)立的，但值是同步的

　　但在嚴(yán)格模式下，arguments對(duì)象的值和形參的值是獨(dú)立的

function test(num1,num2){
'use strict';
console.log(num1,arguments[0]);//1 1
arguments[0] = 2;
console.log(num1,arguments[0]);//1 2
num1 = 10;
console.log(num1,arguments[0]);//10 2
}
test(1);

　　當(dāng)形參并沒(méi)有對(duì)應(yīng)的實(shí)參時(shí)，arguments對(duì)象的值與形參的值并不對(duì)應(yīng)

function test(num1,num2){
console.log(num1,arguments[0]);//undefined,undefined
num1 = 10;
arguments[0] = 5;
console.log(num1,arguments[0]);//10,5
}
test(); 

內(nèi)部屬性

【callee】

　　arguments對(duì)象有一個(gè)名為callee的屬性，該屬性是一個(gè)指針，指向擁有這個(gè)arguments對(duì)象的函數(shù)

　　下面是經(jīng)典的階乘函數(shù)

function factorial(num){
if(num <=1){
return 1;
}else{
return num* factorial(num-1);
}
} 
console.log(factorial(5));//120

　　但是，上面這個(gè)函數(shù)的執(zhí)行與函數(shù)名緊緊耦合在了一起，可以使用arguments.callee可以消除函數(shù)解耦

function factorial(num){
if(num <=1){
return 1;
}else{
return num* arguments.callee(num-1);
}
} 
console.log(factorial(5));//120

　　但在嚴(yán)格模式下，訪(fǎng)問(wèn)這個(gè)屬性會(huì)拋出TypeError錯(cuò)誤

function factorial(num){
'use strict';
if(num <=1){
return 1;
}else{
return num* arguments.callee(num-1);
}
} 
//TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
console.log(factorial(5));

　　這時(shí)，可以使用具名的函數(shù)表達(dá)式

var factorial = function fn(num){
if(num <=1){
return 1;
}else{
return num*fn(num-1);
}
}; 
console.log(factorial(5));//120

【caller】

　　實(shí)際上有兩個(gè)caller屬性

【1】函數(shù)的caller

　　函數(shù)的caller屬性保存著調(diào)用當(dāng)前函數(shù)的函數(shù)的引用，如果是在全局作用域中調(diào)用當(dāng)前函數(shù)，它的值是null

function outer(){
inner();
}
function inner(){
console.log(inner.caller);//outer(){inner();}
}
outer(); 
function inner(){
console.log(inner.caller);//null
}
inner();

　　在嚴(yán)格模式下，訪(fǎng)問(wèn)這個(gè)屬性會(huì)拋出TypeError錯(cuò)誤

function inner(){
'use strict';
//TypeError: 'caller' and 'arguments' are restricted function properties and cannot be accessed in this context
console.log(inner.caller);
}
inner();

【2】arguments對(duì)象的caller

　　該屬性始終是undefined，定義這個(gè)屬性是為了分清arguments.caller和函數(shù)的caller屬性

function inner(x){
console.log(arguments.caller);//undefined
}
inner(1);

　　同樣地，在嚴(yán)格模式下，訪(fǎng)問(wèn)這個(gè)屬性會(huì)拋出TypeError錯(cuò)誤

function inner(x){
'use strict';
//TypeError: 'caller' and 'arguments' are restricted function properties and cannot be accessed in this context
console.log(arguments.caller);
}
inner(1);

函數(shù)重載

　　javascript函數(shù)不能像傳統(tǒng)意義上那樣實(shí)現(xiàn)重載。而在其他語(yǔ)言中，可以為一個(gè)函數(shù)編寫(xiě)兩個(gè)定義，只要這兩個(gè)定義的簽名(接受的參數(shù)的類(lèi)型和數(shù)量)不同即可

　　javascript函數(shù)沒(méi)有簽名，因?yàn)槠鋮?shù)是由包含0或多個(gè)值的數(shù)組來(lái)表示的。而沒(méi)有函數(shù)簽名，真正的重載是不可能做到的

//后面的聲明覆蓋了前面的聲明
function addSomeNumber(num){
return num + 100;
}
function addSomeNumber(num){
return num + 200;
}
var result = addSomeNumber(100);//300

　　只能通過(guò)檢查傳入函數(shù)中參數(shù)的類(lèi)型和數(shù)量并作出不同的反應(yīng)，來(lái)模仿方法的重載

function doAdd(){
if(arguments.length == 1){
alert(arguments[0] + 10);
}else if(arguments.length == 2){
alert(arguments[0] + arguments[1]);
}
}
doAdd(10);//20
doAdd(30,20);//50

參數(shù)傳遞

　　javascript中所有函數(shù)的參數(shù)都是按值傳遞的。也就是說(shuō)，把函數(shù)外部的值復(fù)制到函數(shù)內(nèi)部的參數(shù)，就和把值從一個(gè)變量復(fù)制到另一個(gè)變量一樣

【1】基本類(lèi)型值

　　在向參數(shù)傳遞基本類(lèi)型的值時(shí)，被傳遞的值會(huì)被復(fù)制給一個(gè)局部變量(命名參數(shù)或arguments對(duì)象的一個(gè)元素)

function addTen(num){
num += 10;
return num;
}
var count = 20;
var result = addTen(count);
console.log(count);//20，沒(méi)有變化
console.log(result);//30

【2】引用類(lèi)型值

　　在向參數(shù)傳遞引用類(lèi)型的值時(shí)，會(huì)把這個(gè)值在內(nèi)存中的地址復(fù)制給一個(gè)局部變量，因此這個(gè)局部變量的變化會(huì)反映在函數(shù)的外部

function setName(obj){
obj.name = 'test';
}
var person = new Object();
setName(person);
console.log(person.name);//'test'

　　當(dāng)在函數(shù)內(nèi)部重寫(xiě)引用類(lèi)型的形參時(shí)，這個(gè)變量引用的就是一個(gè)局部對(duì)象了。而這個(gè)局部對(duì)象會(huì)在函數(shù)執(zhí)行完畢后立即被銷(xiāo)毀

function setName(obj){
obj.name = 'test';
console.log(person.name);//'test'
obj = new Object();
obj.name = 'white';
console.log(person.name);//'test'
}
var person = new Object();
setName(person); 

以上所述是小編給大家介紹的深入理解JavaScript函數(shù)參數(shù)(推薦)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論