爱创课堂js基础函数表达式 函数的数据类型 函数声明的提升

爱创课堂 js基础函数表达式函数的数据类型函数声明的提升
5.5 函数表达式
函数的定义可以使用关键词function来声明，还可以使用变量定义函数。

是利用一个匿名函数赋值给一个变量，来定义函数。

1 var fun = function(){}
函数表达式的调用直接用函数（变量）紧跟小括号。

函数表达式的变量名，命名规则和变量一样。

函数表达式中的函数，叫匿名函数，也加拉姆达函数。

1 function fun1(){
2 console.log(1);
3 }
4 // 函数表达式书写
5 var fun2 = function(){
6 console.log(2);
7 };
8
9 // 调用
10 fun1();
11 fun2();
注意1：函数表达式中，函数的结尾必须写分号，而function函数不需要写。

注意2：不要两种定义函数的方法杂糅
1 // 错误写法，不要在function之后在写函数名。

2 var fun
3 = function fun4(){
3 console.log(3);
4 }
5 fun4();
5.6 函数的数据类型
简单数据类型：number ，string，boolean ，null ，undefined
引用类型：object,function , array , Regexp……
1 function fun1(){
2 console.log(1);
3 }
4 var fun2 = function(){
5 console.log(2);
6 };
7
8 // 数据类型
9 console.log(typeof fun1);
10 console.log(typeof fun2);
变量可以接受任何数据类型的赋值，函数可以给变量赋值。

简单数据类型的不同变量赋值，只是把变量的值复制一份给另一个变量。

引用类型的赋值，复制不是一个内容，而是一个指针，指针指向就是我们的函数。

变量任意一个发生变化，其他的都变化。

也就是说：简单数据类型赋值的是值，引用类型传递的是地址。

1 // 简单数据类型只是复制的值，不互相影响
2 var a =
3 ;
3 var b = a ;
4 a = 4;
5 console.log(a);
6 console.log(b);
1 // 引用数据类型传递是地址，之间相互影响
2 var fun1 = function(){
3 console.log(1);
4 };
5 var fun2 = fun1;
6 fun2.haha = 10;
7 console.log(fun1.haha);
8 console.log(fun2.haha);
5.7 函数声明的提升
变量声明的提升：变量声明的提升，只提升定义不提升赋值。

函数声明的提升：我们可以先调用函数，后声明函数。

函数的声明也是只提升函数名，不提升函数的定义。

①函数声明的提升，用function关键字定义的函数但是因为我们函数名存储的是函数的地址，所以调用函数时，函数内部的语句也会执行。

所以根据函数这个特性，我们一般是先调用函数，在最后声明函数。

是结构更加清晰。

1 // 先调用
2 fun();
3 // 后定义
4 function fun(){
5 console.log(1);
6 }
②函数表达式不能进行函数声明头提升。

本质是将函数赋值给了变量，提升的时候，是提升的变量名。

如果提前调用，值为undefined，不再是函数类型，不能使用调用函数的方法。

1 // 函数表达式
2 // 先调用
3 fun();
4 // 后声明
5 var fun = function(){
6 console.log(2);
7 }
总结：防止我们引用时出现错误，要求大家在书写时，都用我们function 关键字这种定义。

函数声明提升优先于变量声明提升。

如果出现了相同的函数名、变量名，JS预解析时，优先提升函数声明，也就是优先将这个标识符给函数使用。

1 console.log(fun);
2 // 定义函数
3 function fun(){
4 console.log(1);
5 }
6 var fun = 4;
1 // function关键字和函数表达式
2 foo();
3 function foo(){
4 console.log(1);
5 }
6 var foo = function(){
7 console.log(2);
8 }。