函數(shù)聲明與函數(shù)表達(dá)式坷备、聲明的提前、arguments择葡、“重載”紧武、立即執(zhí)行函數(shù)表達(dá)式
1. 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別
函數(shù)聲明:
fn(); //調(diào)用函數(shù),abc
function fn(){ //函數(shù)聲明
console.log("abc");
}
使用函數(shù)聲明時敏储,函數(shù)聲明會提前阻星,函數(shù)聲明和函數(shù)體均提前了。所以在使用函數(shù)聲明時已添,調(diào)用函數(shù)可以放在任意位置妥箕。
函數(shù)表達(dá)式
fn(); //調(diào)用函數(shù),fn is not a function
var fn = function(){ //函數(shù)表達(dá)式
console.log("abc");
}
函數(shù)表達(dá)式使用了var
更舞,變量聲明語句會被提前到函數(shù)的頂部畦幢。但是,變量初始化的操作還是在原來var
語句的位置執(zhí)行缆蝉。
函數(shù)表達(dá)式就是把函數(shù)定義的方式寫成表達(dá)式的方式宇葱,就是把一個函數(shù)對象賦值給一個變量。
使用var
時刊头,變量聲明提前黍瞧,但是將函數(shù)對象賦值給這個變量時,依舊在原來使用var
的位置賦值原杂。在賦值之前該變量的值是undefined
印颤。
所以在使用函數(shù)表達(dá)式時,調(diào)用函數(shù)必須放在函數(shù)表達(dá)式之后穿肄。
2. 什么是變量的聲明前置年局?什么是函數(shù)的聲明前置
使用var
聲明,會使聲明進(jìn)行提前咸产,但是賦值過程依舊是在使用var的原位置進(jìn)行賦值矢否。
函數(shù)聲明時,函數(shù)聲明與函數(shù)體都將前置脑溢。
如下代碼:
console.log(a); //undefined
var a = 3;
console.log(a); //3
sayHello();
function sayHello(){
console.log('hello');
}
console.log(fn); //undefined
fn(); //報錯
var fn = function(){}
上面的代碼在實際操作中兴喂,瀏覽器是如下解析的:
var a;//undefined
function sayHello(){
console.log('hello');
}
var fn;//undefined
console.log(a);//undefined
var a = 3;//原位置進(jìn)行賦值
console.log(a);//3
sayHellos();//hello
console.log(fn);//undefined
fn();//報錯,fn is not a function
var fn = function(){};//原位置進(jìn)行賦值
3. arguments 是什么
ES函數(shù)不介意傳遞多少個參數(shù)焚志,也不在乎傳進(jìn)來的參數(shù)是什么數(shù)據(jù)類型。原因是ES中的參數(shù)在內(nèi)部是用一個數(shù)組來表示的畏鼓。
在函數(shù)體內(nèi)可以通過arguments
對象來訪問這個函數(shù)的參數(shù)數(shù)組酱酬,從而獲取傳遞給函數(shù)的每一個參數(shù)。
arguments
對象只是與數(shù)組類似云矫,arguments
可以使用方括號語法訪問它的每一個元素(如arguments[0]
)膳沽,使用length
屬性來確定傳遞進(jìn)來多少個參數(shù)。
所以函數(shù)也可以像這樣寫:
function fn(){
if (arguments.length == 1){
console.log(" just " +arguments[0])
}else{
console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4
function fn2(){
console.log(arguments[0] + " and " + arguments[1] + " and " + arguments[2])
}
fn2(2,3);// 2 and 3 and undefined
在函數(shù)中,命名參數(shù)可以與arguments對象一起使用挑社。而且arguments的值永遠(yuǎn)與對應(yīng)命名參數(shù)的值保持同步陨界。
function fn(num1,num2){
arguments[1] = 10;
console.log(arguments[0]+num2);
}
fn(10,0);//20
4. 函數(shù)的"重載"怎樣實現(xiàn)
可以使用在函數(shù)中使用if語句進(jìn)行條件篩選,也可以使用arguments對象進(jìn)行“重載”痛阻。
function printPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
} }
printPeopleInfo('Byron', 26);//Byron 26
printPeopleInfo('Byron', 26, 'male');//Byron 26 male
function fn(){
if (arguments.length == 1){
console.log(" just " +arguments[0])
}else{
console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4
5. 立即執(zhí)行函數(shù)表達(dá)式是什么菌瘪?有什么作用
立即執(zhí)行函數(shù)表達(dá)式有幾種方法:
//1
(function(){
console.log("abc");
})()
//2
[function fn(){}]()
//3
1,function fn2(){}()
立即執(zhí)行函數(shù)表達(dá)式可以隔離作用域,使得全局變量不被污染阱当。
6. 求n!俏扩,用遞歸來實現(xiàn)
function fn(x) {
if(x === 1||x===0) {
return 1
}
return x * fn(x-1)
}