js预编译

函数声明与函数表达式

定义函数的主要方法有三种

1.函数证明

function test(){
}

2.函数表达式

var test=function(){
}

3.new Function

var str=`return Hello${name}`
var test=new Function('name',str)
test('zdb')

函数预编译

函数预编译发生在函数执行的前一刻，分为4个步骤.

步骤
1.创建AO(Activation Object)对象,AO所谓执行期上下文.
2.找形参和变量声明,将变量和形参名作为AO对象的属性名,值为undefined.
3.将实参值和形参统一.
4.在函数体里面找函数声明,值赋予函数体.

• 代码示例

function fn(a){
    console.log(a) //[Function: a]
    var a=123;
    console.log(a) //123
    function a(){}
    console.log(a) //123
    var b=function(){}
    console.log(b) //[Function: b]
    function d(){}
}
fn(1)

1.创建AO

// Activation Object
AO{}

2.将函数的形参和变量声明，作为AO对象的属性名,值为undefined

AO{
   a:undefined,
   b:undefined
}

3.将形参和实参统一.

AO{
   a:1,
   b:undefined
}

4.在函数体里查找函数,值赋予函数体

AO{
   a:[Function:a],
   b:undefined,
   d:[Function:d]
}

5.执行函数代码

AO{
   a:[Function:a],
   b:[Function: b],
   d:[Function:d]
}
function fn(a){
    console.log(a) //[Function: a]  AO读取a
    var a=123;  //AO a赋值为123 
    console.log(a) //123
    function a(){}  //预编译提升不再执行
    console.log(a) //123
    var b=function(){}  //将AO b赋值为[Function: b]
    console.log(b) //[Function: b]
    function d(){}  //预编译提升不再执行
    console.log(d)  // [Function: d]
}
fn(1)

全局预编译

步骤
1.创建GO(Global Object)对象.
2.寻找变量声明，并且当做属性放在GO对象里，值为undefined
3.寻找函数声明，值赋予函数体.

• 代码示例

console.log(global) //[Function: global]
var global=100
function global(){
    
}
console.log(global) //100

1.全局创建GO对象.

GO{
}

2.寻找变量声明，并且当做属性放在GO对象里，值为undefined.

GO{
  global:undefined
}

3.寻找函数声明,值赋予函数体

GO:{
  global:[Function: global]
}

4.代码运行

console.log(global) //读取GO 这时候global成为[Function: global]
var global=100  //GO里的global已被改完100
function global(){
    
} //变量提升不执行
console.log(global) //100 GO里的global

• 代码示例

function test(){
   console.log(b); //undefined
   if(a){
       var b=100
   }
   c=234
   console.log(c) //234
}
var a;
test()
a=10;
console.log(c) //234

1.创建全局GO

GO{
    a:undefined，
    test:[Function:test]
}

2.函数test执行前，预编译，创建AO

AO{
}

3.函数体寻找形参，声明变量，作为AO属性赋值undefined

AO{
  b:undefined
}

4.将函数形参，实参值统一.
5.在函数体内查找函数声明,值赋予函数体.
6.执行函数代码,if里的a默认为全局GO的a属性,a值为undefined所以if代码不执行.
7.函数体c未经var声明,默认c为GO属性并赋值234

GO{
 a:undefined
 c:123
}

8.console.log(c),值为GO里的c打印234
9.test函数执行完毕，执行a=10,全局GO属性a修改值为10
10.console.log(c) 读取是GO的c，所以值为234

• 代码示例

function test(){
   var a=b=123 
}
console.log(window.a) //undefined
console.log(window.b) //123

1.变量赋值至右向左.
2.函数体内没有var声明的变量默认为全局变量.

imply global 暗示全局变量

如果未经声明的变量赋值，比变量默认为全局变量所有

console.log(a) //error

//imply global 
 a=100
 console.log(a)  //100
 console.log(window.a) //100