声明式函数 构造函数 箭头函数

function functionName(parameters) {
  执行的代码
}
函数声明后不会立即执行，会在我们需要的时候调用到。

----------------------------
 

构造函数  可以通过内置的 JavaScript 函数构造器（Function()）定义。
var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

*****************************************************************************************************

函数声明的几种方式

三种 : 函数声明(1)，函数表达式(2~5)，Function构造器(6)

1.function func1(a){}      //函数声明

2.var func2=function(b){}      //函数表达式

3.var func3=function func4(c){}   //命名式函数表达式

4.var func5=(function(n1,n2){})();    //立即执行的函数表达式

5.return function(){ };     //作为返回值的函数表达式

6.var func6=new Function()       //构造函数声明
————————————————
 

------------
箭头函数表达式的语法比普通函数表达式更简洁。

(参数1, 参数2, …, 参数N) => { 函数声明 }

(参数1, 参数2, …, 参数N) => 表达式(单一)

(参数1, 参数2, …, 参数N) =>{ return 表达式; }
----------------
当只有一个参数时，圆括号是可选的：

(单一参数) => {函数声明}
单一参数 => {函数声明}

老版本写法:
var x = function(x, y) {
     return x * y;
}
 
// ES6   箭头函数写法
const x = (x, y) => { return x * y };

// ES6   箭头函数写法  //如果函数部分只是一个语句，则可以省略 return 关键字和大括号 {}，这样做是一个比较好的习惯:
const x = (x, y) => x * y;

javascript中声明函数的方法有两种:函数声明式和函数表达式.

一、区别如下:
1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的。（函数声明整体会被提升到当前作用域的顶部，函数表达式也提升到顶部但是只有其变量名提升）

2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用。

3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而函数表达式可以在任何地方声明。换句话说，函数声明不是一个完整的语句，所以不能出现在if-else,for循环，finally，try catch语句以及with语句中。

二、定义
下面分别用两种方法定义函数:

//函数声明式
function greeting(){
      console.log("hello world");  
}

//函数表达式
var greeting = function(){
    console.log("hello world"); 
}

三、例子
下面一个有趣的javascript例子:

function f() { console.log('I am outside!'); }
(function () {
  if(false) {
    // 重复声明一次函数f
    function f() { console.log('I am inside!'); }
  }
  f();
}());

会输出什么呢?第一反应应该是"I am outside"吧. 结果在chrome中输出"I am inside",IE11直接报错,firefox低一点的版本输出"I am outside"…

chrome输出的结果很明确的反应了用函数声明式声明的函数的特点–函数在声明之前就可以调用.

IE报错显示缺少对象,因为函数声明在了条件里,违背了函数声明式的原则.

函数表达式的作用域:

如果函数表达式声明的函数有函数名,那么这个函数名就相当于这个函数的一个局部变量,只能在函数内部调用,举个栗子:

var f = function fact(x) { 
    if (x <= 1) 
         return 1;
     else 
         return x*fact(x-1);
     };
 alert(fact());   // Uncaught ReferenceError: fact is not defined

fact()在函数内部可以调用,在函数外部调用就会报错:fact未定义.