一、函数声明与表达式
1.函数声明
function fn(){
console.log('hello world');
}
fn();
fn();
function fn(){
console.log('HELLO JS');
}
//函数的声明可以把函数的调用放在任何位置都可以执行
2.函数表达式
相当于把一个匿名函数赋值给一个变量
var foo=function(){
console.log('hello function');
}
foo();
//函数表达式中函数的调用不可以放在顶部,会报错
二、立即执行函数
我们之前使用的函数都是先定义,后调用。在JavaScript中我们可以定义一个函数,让他在定义的时候直接调用,我们叫他立即执行函数
要想立即执行函数能做到立即执行,要注意两点,
一是函数体后面要有小括号(),
二是函数体必须是函数表达式而不能是函数声明。
案例
(function(test){
console.log(test);
})(123)
!(function(test){
console.log(test);
})(123)
+(function(test){
console.log(test);
})(123)
-(function(test){
console.log(test);
})(123)
var fun=function(test){
console.log(test);
}(123456);
//除了使用()运算符之外,!,+,-,=等运算符都能起到立即执行的作用。这些运算符的作用就是将匿名函数或函数声明转换为函数表达式
for(var i=0;i<10;i++){
setTimeout(function(){
console.log(i);
},1000)
上面的代码不会输出数字 0 到 9,而是会输出数字 10 十次
想到得到数字0-9,可以使用匿名函数
for(var i=0;i<10;i++){
(function(e){
setTimeout(function(){
console.log(e)
},1000)
})(i)
}