函數(shù)和作用域
JavaScript函數(shù)是指一個特定代碼塊,可能包含多條語句,可以通過名字來供其它語句調(diào)用以執(zhí)行函數(shù)包含的代碼語句。
比如我們有一個特定的功能需要三條語句實現(xiàn)
statement1;
statement2;
statement3;
那么每次想實現(xiàn)這個功能的時候就需要寫這三句話,很麻煩,我們可以把這三條語句打包為一個函數(shù)
function doSomething(){
statement1;
statement2;
statement3;
}
這樣每次想實現(xiàn)功能的時候我們就調(diào)用一下函數(shù)就可以了,調(diào)用函數(shù)通過函數(shù)名稱()的形式調(diào)用
doSomething();
聲明函數(shù)
ECMAScript規(guī)定了兩種聲明函數(shù)方式
函數(shù)聲明
function functionName(){
statement;
}
使用function關(guān)鍵字可以聲明一個函數(shù),看個例子
var printName = function(){
console.log('Byron');
};
函數(shù)表達式
var printName = function(){
console.log('Byron');
};
參數(shù)
上面定義的函數(shù)有一個缺陷,就是過于僵化,只能打印Byron,當我們希望打印Casper的時候就需要一個新的函數(shù),這也是很復雜的,我們可以通過參數(shù)的方式來讓函數(shù)能靈活一些
function printName(name){
console.log(name);
}
printName('Byron');
printName('Casper');
可以看出我們在定義函數(shù)的時候在括號內(nèi)寫了個name做占位符,也就是在定義函數(shù)的時候也不知道要輸出什么,用個占位符代替,在函數(shù)實際執(zhí)行的時候,用真實的值替代占位符
我們說的占位符在術(shù)語上叫做形參,也就是形式參數(shù),而在調(diào)用函數(shù)的時候傳入的值叫做實參,也就是實際的參數(shù)
函數(shù)在定義的時候可以寫多個參數(shù)
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
}
auguments
在函數(shù)內(nèi)部,你可以使用arguments對象獲取到該函數(shù)的所有傳入?yún)?shù)
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
console.log(arguments);
}
返回值
有時候我們希望在函數(shù)執(zhí)行后給我們一個反饋,就像表達式一樣,給我們個結(jié)果,我們可以通過return來實現(xiàn)
function fn(a, b){
a++;
b++;
return a + b;
}
var result = fn(2, 3);
conslole.log(result);
這樣我們就能拿到函數(shù)希望給我的反饋了,調(diào)用return后,函數(shù)立即中斷并返回結(jié)果,即使后面還有語句也不再執(zhí)行
其實我們不寫return語句,函數(shù)也會默認給我們返回undefined
聲明提前
和變量的聲明會前置一樣,函數(shù)聲明同樣會前置,如果我們使用函數(shù)表達式那么規(guī)則和變量一樣
console.log(fn); //undefined
var fn = function(){}
如果我們使用函數(shù)聲明的方式,那么即使函數(shù)寫在最后也可以在前面語句調(diào)用,前提是函數(shù)聲明部分已經(jīng)被下載到本地
fn(); // "1"
function fn(){
console.log('1');
}
作用域
作用域(scope)指的是變量存在的范圍。Javascript只有兩種作用域:一種是全局作用域,變量在整個程序中一直存在,所有地方都可以讀?。涣硪环N是函數(shù)作用域,變量只在函數(shù)內(nèi)部存在。
在函數(shù)外部聲明的變量就是全局變量(global variable),它可以在函數(shù)內(nèi)部讀取。
var v = 1;
function f(){
console.log(v);
}
f()
// 1
在函數(shù)內(nèi)部定義的變量,外部無法讀取,稱為“局部變量”(local variable)。
function f(){
var v = 1;
}
v // ReferenceError: v is not defined
函數(shù)內(nèi)部定義的變量,會在該作用域內(nèi)覆蓋同名全局變量。
var v = 1;
function f(){
var v = 2;
console.log(v);
}
f() // 2
v // 1