函数的自执行，变量提高和函数提高

其实以前虽然刚开始学习JavaScript的时候常常看到function  add(){}、var add=function(){}、function(){}之类的这种写法，可是具体是什么叫什么却没有去考虑过这个问题……

function add(){}这种写法叫作函数声明

var add=function(){}这种写法叫作函数表达式

function(){}这种是匿名函数

1、函数的自执行

那么有没有办法让它们不用经过咱们的调用好比

function add(){};
add();

就能够自我执行呢？

咱们来试试看这三种方法

//函数表达式自执行尝试
var add=function(x,y){
    console.log(x+y);
}(5,6);     //结果：11（正确）
）
//函数声明自执行尝试
function add(x,y){
    console.log(x+y);
}(5,6);    //结果：没法执行，也没有抛出错误
//匿名函数自执行尝试
function(){
    console.log(arguments[0]+arguments[1]);
}(5,6);     //结果：这个的问题就大了，抛出语法错误Uncaught SyntaxError: Unexpected token (

函数表达式后面加括号能够当即执行函数，然而函数声明却不能够！！

很奇怪地，匿名函数也是函数表达式，可是它为何会抛出语法错误呢？这是由于匿名函数虽然属于函数表达式，可是很明显它没有赋值操做，JavaScript解析引擎会把它当作函数声明，会跟你要一个函数名，可是它是匿名函数，确定没有名字，JavaScript混了，直接给你个错误让你检讨一下。

那要怎么解决匿名函数自执行这个问题？其实很简单，只要告诉JavaScript解析器匿名函数不是函数声明就行了。

//加号
+function(){
    console.log(arguments[0]+arguments[1]);
}(5,6);
//减号
-function(){
    console.log(arguments[0]+arguments[1]);
}(5,6);
//感叹号
!function(){
    console.log(arguments[0]+arguments[1]);
}(5,6);
//括号
(function(){
    console.log(arguments[0]+arguments[1]);
})(5,6);
(function(){
    console.log(arguments[0]+arguments[1]);
}(5,6));

接下来就是解决函数声明自执行的问题了，其实方法跟匿名函数自执行的方法是同样的，加号，减号，感叹号，括号，均可以解决

!function add(x,y){
    console.log(x+y);
}(5,6);
+function add(x,y){
    console.log(x+y);
}(5,6);
-function add(x,y){
    console.log(x+y);
}(5,6);
(function add(x,y){
    console.log(x+y);
})(5,6);
(function add(x,y){
    console.log(x+y);
}(5,6));

2、变量提高、函数提高

函数声明才会提高，函数表达式是属于变量提高

咱们先来看一下下面这段代码的结果是什么

console.log(a);
console.log(b);
console.log(c);
var a=1;
function b(){
    return 2;
}
var c=function(){
    return 3;
}

结果

console.log(c)的结果跟console.log(a)是同样的，说明函数表达式是属于变量提高的。这样证实仍是有点草率，咱们再来看看下面的代码

console.log(b());
console.log(c());
function b(){
    return 2;
}
var c=function(){
    return 3;
}

结果

结果很明显了，函数c只是提高了变量名c而已，函数声明才会提高！

那么变量的提高和函数声明的提高哪一个提高的优先级比较高呢？

console.log(b);
console.log(b());
var b=1;
function b(){
    return 2;
}

结果

结果显示函数声明提高的优先级比变量提高还要高。