函数基础
声明函数
// 声明最基本的一个函数
function func1() {
console.log('我是最基本的函数');
}
// 函数的调用 // 函数名() 的格式
func1();
// 函数在定义之后，并不会执行里面的内容，只有在函数进行调用的时候，才会执行
函数返回值
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;
自调用函数
自调用函数特点：函数自己执行，不需要进行调用
(function () {
console.log('我是一个自调用函数');
})();
(function test() {
console.log('我是另外一个自调用函数');
})();
(function (a, b) {
console.log(a+b); //47
})(12, 35); //后面小括号写参数
自调用函数可封闭作用域
