匿名函数的理解以及使用:
匿名函数:没有名称的函数
语法结构:function(){}
匿名函数的调用:
①自调:
(function(){})();
②通过变量调用;
var fun=function(){};
fun();
③通过绑定事件调用(用到DOM操作,先要获取页面元素,从而给元素添加事件)
var btn=获取页面元素
btn.onclik=function(){}
将函数作为参数传递:
Eg:function test(ff){
console.log(ff);=============>//function fun(){console.log(‘被当做参数的函数’);}
ff(); //被当做参数的函数
}
test(fun);
function fun(){
console.log(‘被当做参数的函数’);
}
将函数作为返回值:
Eg:function sum(){
return function(){
console.log(‘函数作为返回值被调用了’)
}
}
var sum1=sum();
sum1(); //函数作为返回值被调用了
作用域以及预解析:
作用域:变量可以作用的范围
全局变量以及局部变量:
全局变量:在一个页面中都可以访问到的变量
局部变量:只能在固定的代码段中可以访问到的变量
作用域链:
只有函数可以制造作用域结构,那么只要是代码,就至少有一个作用域,即全局作用域.
凡是代码中有函数,那么这个函数就构成另一个作用域.如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。
将这样的所有的作用域列出来,可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。
Eg:function f1() {
function f2() {
}
}
var num = 456;
function f3() {
function f4() {
}
}
预解析:
JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的
JavaScript解析器执行JavaScript代码的时候,分为两个过程:预解析过程和代码执行过程
①:把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值.
Eg:console.log(a); // undefined 预解析的时候提前声明了变量,但是还没有赋值
var a=10;
console.log(a); // 10
②:把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升调用.====> 如果变量和函数同名的话,函数优先
Eg:console.log(a);============>function a() {
console.log('aaaaa');
}
function a() {
console.log('aaaaa');
}
var a = 1;
console.log(a);