JavaScript函數(shù)是指一個(gè)特定代碼塊贡避,可能包含多條語句俭正,可以通過名字來供其它語句調(diào)用以執(zhí)行函數(shù)包含的代碼語句。
比如我們有一個(gè)特定的功能需要三條語句實(shí)現(xiàn)
statement1;
statement2;
statement3;
那么每次想實(shí)現(xiàn)這個(gè)功能的時(shí)候就需要寫這三句話,很麻煩,我們可以把這三條語句打包為一個(gè)函數(shù)
function doSomething(){
statement1;
statement2;
statement3;
}
這樣每次想實(shí)現(xiàn)功能的時(shí)候我們就調(diào)用一下函數(shù)就可以了邦泄,調(diào)用函數(shù)通過函數(shù)名稱()的形式調(diào)用
doSomething();
聲明函數(shù)
ECMAScript規(guī)定了兩種聲明函數(shù)方式
函數(shù)聲明
function functionName(){
statement;
}
使用function關(guān)鍵字可以聲明一個(gè)函數(shù),看個(gè)例子
var printName = function(){
console.log('Byron');
};
函數(shù)表達(dá)式
var printName = function(){
console.log('Byron');
};
參數(shù)
上面定義的函數(shù)有一個(gè)缺陷裂垦,就是過于僵化顺囊,只能打印Byron,當(dāng)我們希望打印Casper的時(shí)候就需要一個(gè)新的函數(shù)蕉拢,這也是很復(fù)雜的特碳,我們可以通過參數(shù)的方式來讓函數(shù)能靈活一些
function printName(name){
console.log(name);
}
printName('Byron');
printName('Casper');
可以看出我們?cè)诙x函數(shù)的時(shí)候在括號(hào)內(nèi)寫了個(gè)name做占位符,也就是在定義函數(shù)的時(shí)候也不知道要輸出什么晕换,用個(gè)占位符代替午乓,在函數(shù)實(shí)際執(zhí)行的時(shí)候,用真實(shí)的值替代占位符
我們說的占位符在術(shù)語上叫做形參闸准,也就是形式參數(shù)益愈,而在調(diào)用函數(shù)的時(shí)候傳入的值叫做實(shí)參,也就是實(shí)際的參數(shù)
函數(shù)在定義的時(shí)候可以寫多個(gè)參數(shù)
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
}
auguments
在函數(shù)內(nèi)部,你可以使用arguments對(duì)象獲取到該函數(shù)的所有傳入?yún)?shù)
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
console.log(arguments);
}
返回值
有時(shí)候我們希望在函數(shù)執(zhí)行后給我們一個(gè)反饋夷家,就像表達(dá)式一樣蒸其,給我們個(gè)結(jié)果,我們可以通過return來實(shí)現(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í)行
其實(shí)我們不寫return語句缺谴,函數(shù)也會(huì)默認(rèn)給我們返回undefined
聲明提前
和變量的聲明會(huì)前置一樣但惶,函數(shù)聲明同樣會(huì)前置,如果我們使用函數(shù)表達(dá)式那么規(guī)則和變量一樣
console.log(fn); //undefined
var fn = function(){}
如果我們使用函數(shù)聲明的方式湿蛔,那么即使函數(shù)寫在最后也可以在前面語句調(diào)用膀曾,前提是函數(shù)聲明部分已經(jīng)被下載到本地
fn(); // "1"
function fn(){
console.log('1');
}
作用域
作用域(scope)指的是變量存在的范圍。Javascript只有兩種作用域:一種是全局作用域阳啥,變量在整個(gè)程序中一直存在添谊,所有地方都可以讀取察迟;另一種是函數(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)部定義的變量,會(huì)在該作用域內(nèi)覆蓋同名全局變量。
var v = 1;
function f(){
var v = 2;
console.log(v);
}
f() // 2
v // 1