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

深入理解JavaScript函數(shù)參數(shù)(推薦)

 更新時(shí)間:2016年07月26日 11:27:19   作者:小火柴的藍(lán)色理想  
這篇文章主要介紹了深入理解JavaScript函數(shù)參數(shù)(推薦)的相關(guān)資料,需要的朋友可以參考下

前面的話

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

arguments

  javascript中的函數(shù)定義并未指定函數(shù)形參的類型,函數(shù)調(diào)用也未對(duì)傳入的實(shí)參值做任何類型檢查。實(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)同名形參,且只能訪問(wèn)最后出現(xiàn)的該名稱的形參

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)訪問(wèn)這個(gè)參數(shù)數(shù)組,從而獲取傳遞給函數(shù)的每一個(gè)參數(shù)。arguments對(duì)象并不是Array的實(shí)例,它是一個(gè)類數(shù)組對(duì)象,可以使用方括號(hào)語(yǔ)法訪問(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í)參都寫入一個(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)格模式下,訪問(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)格模式下,訪問(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)格模式下,訪問(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ù)編寫兩個(gè)定義,只要這兩個(gè)定義的簽名(接受的參數(shù)的類型和數(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ù)的類型和數(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】基本類型值

  在向參數(shù)傳遞基本類型的值時(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】引用類型值

  在向參數(shù)傳遞引用類型的值時(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)部重寫引用類型的形參時(shí),這個(gè)變量引用的就是一個(gè)局部對(duì)象了。而這個(gè)局部對(duì)象會(huì)在函數(shù)執(zhí)行完畢后立即被銷毀

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)站的支持!

相關(guān)文章

最新評(píng)論