常见面试题JS语言中四种函数调用方式实例讲解

JS的语言世界中函数（function）是一等公民，函数的调用有多种方法。

普通调用

这个是最常见和直接的方式：

function f(x) {        
    console.log(x*x);
}
f(5); // 25

方法调用

函数被定义为对象的方法，以对象方法的形式调用，如下：

var c = {    
    v : 0,    
    f : function(x) {                
        this.v = x;    
    }
}
c.f(5);

构造器调用

和C++/Java等语言类似，当使用new操作符来创建一个对象实例时，将自动调用其构造函数：

function c(x) {        
    this.m = x;
}
var inst = new c(5);

其详细过程为1.创建一个对象 2.把函数作用域赋予该对象（即赋值this）3.调用函数体代码 4.返回对象

call/apply/bind调用

在JS中，每个自定义函数（甚至原生类型）都有一个原型（prototype）对象，该原型对象内置实现了call、appy、bind函数，

call和apply很相近，都是用来改变this，我们知道this默认指向调用者对象，通过call/apply可以改变这种默认行为。

apply() 接收两个参数，第一个用来绑定this，第二个是参数数组，你想传递给这个函数的所有参数都放在数组里，然后apply()函数会在调用函数时自动帮你把数组展开。call()的第一个参数也是用来绑定this，但是后面接受的是不定参数，而不是一个数组，代码示范如下：

function c(x, y) {    
    console.log(x+y);    
    console.log(this);
}
c.apply(null, [5, 10]); // 15, window 
c.call(null, 5, 10); // 15, window
var n = c.bind(null, 5, 10); // nothing logged
n(); // 15, window

而bind函数和call函数参数一样，但是bind实际上返回一个新的函数对象，用来延迟调用（不是马上执行）。

另外关于函数调用，我们还需要了解下函数定义方式上的不同：一种是函数声明，一种是函数表达式，

函数声明的一个重要特征是会有函数声明提升（function declaration hoisting），这也是两种声明方式的一个重要区别：

c(5); // 5
function c(x) {// 因为有函数声明提升效应，上面的函数调用是可以工作的。
    console.log(x);
}

反之，如果使用表达式，则必须注意函数调用必须在表达式定义之后：

c(5); // 报错 Uncaught TypeError: c is not a function
var c = function(x) {
    console.log(x);
}

注：上面这种函数表达式中创建的函数function关键字后面没有标识符，被称之为匿名函数（也叫Lamada函数），匿名函数的name属性为空字符串。