函數基礎
聲明函數
// 聲明最基本的一個函數
function func1() {
console.log('我是最基本的函數');
}
// 函數的調用 // 函數名() 的格式
func1();
// 函數在定義之后，并不會執(zhí)行里面的內容滑凉，只有在函數進行調用的時候，才會執(zhí)行
函數返回值
function func2() {
console.log('這個函數會有返回值');
return 10;
}
var res1 = func2(); // res1里面保存了函數的返回值
//返回數組
function func3() {
console.log('這個函數返回一個數組');
return ['abc', 'bcd', 'def'];
}
var res2 = func3();
函數參數
function func4(a) {
// 在函數內部可以使用參數
console.log(a); //12
a++;
console.log(a); //13
}
func4(12);
// 函數內部使用 arguments 關鍵字
function func6() {
// 求出所有參數的和矗愧，并返回
var res = 0;
for (var i = 0; i < arguments.length; i++) {
res += arguments[i];
}
return res;
}
func6(1, 2, 3, 4, 5, 6); //21
函數表達式
// 函數表達式御吞，即用變量保存匿名函數
var func1 = function () {
console.log('我是函數表達式哦');
};
console.log(func1); //打印函數
// 調用函數表達式的時候，就把變量名當做函數名去使用
func1();
// 給document綁定點擊事件
var documentClick = function () {
// 獲取body瓦哎，修改背景顏色
document.body.style.backgroundColor = "blue";
};
document.onclick = documentClick;
// 使用正常函數砸喻，給document添加點擊事件
function documentClick1() {
document.body.style.backgroundColor = 'red';
}
document.onclick = documentClick1;
自調用函數
自調用函數特點：函數自己執(zhí)行，不需要進行調用
(function () {
console.log('我是一個自調用函數');
})();
(function test() {
console.log('我是另外一個自調用函數');
})();
(function (a, b) {
console.log(a+b); //47
})(12, 35); //后面小括號寫參數
自調用函數可封閉作用域
