预解释:在当前的作用域中,js代码执行之前,浏览器首先会默认把所有的带var、let、const和function的进行提前的声明和定义。
1.对于带var和function关键字在预解释的时候是不一样
(1)var 在预解释的时候只是提前的声明
(2)function 在预解释的时候是提前声明和定义都完成了
预解释只发生在当前的作用域下,例如只对window下进行的预解释,只有函数执行的时候才会对函数进行预解释。
2.预解释的时候不管条件是否成立,都要把带var的进行提前的声明
// window的预解释:var num; window.num
if ( !('num' in window)) { // 'num' in window ->true
var num = 12
}
console.log(num) // undefined
3.预解释的时候只解释 ‘=’左边的,右边的是值,不参与预解释
匿名函数之函数表达式:把函数定义的部分当做一个值赋值给我们的变量/元素的某一个事件
fn()// 这时候执行fn()的时候回报错,因为预解释的时候var fn; 相当于是undefined() 所以fn这时候不是一个函数会报错
var fn = function () {
console.log(12)
}
4.自执行函数定义的那个function 在全局作用域下是不进行预解释的,当代码执行到这个位置的时候定义和执行一起完成了
自执行函数:定义和执行一起完成
(function (num) {})(100)
+function (num){}(200)
!function (num){}(300)
5.函数体中return 下面的代码虽然不执行了,但是还会进行预解释;return后面跟着的都是返回的值,所以不进行预解释
function fn (){
console.log(num) //undefined 预解释:var num;
return function () {}
var num = 12
}
fn ()
6.在预解释的时候,如果名字已经声明过了不需要重新声明,但是需要重新赋值在js中如果变量的名字和函数的名字重复了,也算冲突.
fn() // 20
function fn () { console.log(12) }
fn() //20
var fn = 10; // fn = 10
fn() // 报错 fn is not function
function fn () { console.log(20) }
fn()
/***
window预解释
声明+定义 fn = xfff1111 //是执行12的那个函数;
声明 var fn;
声明(因为已经有函数fn了,这时候就不重复声明了,只有赋值)+定义 fn = xfff222 // 是执行20的那个函数
fn = xffff222
***/