Javascript-9-引用类型-3

Function类型

函数实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数实际上也是一个指向函数对象的指针，不会与某个函数绑定。函数通常是使用函数声明语法定义的，例如：

function sum (num1, num2) {
    return num1 + num2
}

在使用函数表达式定义函数时，没有必要使用函数名。

另一种定义函数的方式是使用Function构造函数。Function构造函数可以接受任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数。例如：

var sum = new Fcuntion('num1', 'num2', 'return num1 + num2'); 
// 不推荐，因为这种语法会导致解析两次代码(第一次是解析常规JS代码，第二次是解析传入构造函数中的字符串)，从而影响性能。不过，这种语法对于理解‘函数是对象，函数名是指针’的概念到时很直观

没有重载

将函数名想象为指针，也有助与理解为什么JS中没有函数重载的概念。

function addSomeNumber(num) {
    return num + 100;
}

function addSomeNumber(num) {
    return num + 200;
}

// 显然这个例子中声明了两个同名函数，而结果则是后面的函数覆盖了前面的函数。

函数声明与函数表达式

解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。

alert(sum(10, 10));
function sum(num1, num2) {
    return num1 + num2;
}

以上代码完全可以正常运行。因为在代码开始执行之前，解析器就已经通过一个名为函数声明提升的过程，读取并将函数声明添加到执行环境中。对代码求值时，JS引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以，即使声明函数的代码在调用它的代码后面。JS引擎也能把函数声明提升到顶部。

除了什么时候可以通过变量访问函数这一点区别外，函数声明与函数表达式的语法其实是等价的。

作为值的函数

因为JS中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。

function callSomeFunction(someFunction, someArgument) {
    return someFunction(someArgument)
}

函数内部属性

在函数内部，有两个特殊的对象：arguments和this。arguments是一个累数组对象，包含着传入函数中的所有参数。虽然arguments的主要用途是保存函数参数，但这个对象还有一个callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。

function factorial(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * arguments.callee(num - 1);
    }
}

函数内部的另一个特殊对象是this，其行为与Java和C#中的this大致类似。this引用的是函数执行的环境对象–也可以说是this值。

window.color = 'red'
var o = { color: 'blue' }

function sayColor() {
    alert(this.color)
}

sayColor(); // 'red'

o.sayColor = sayColor;
o.sayColor(); // 'blue'

JS也规范化了另一个函数对象的属性：caller。这个属性保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值为null。

function outer() {
    inner();
}

function inner() {
    alert(inner.caller);
}

outer();

// 以上代码会导致警告框中显示outer()函数的源代码，因为outer()调用了inner()，所以inner.caller就指向outer()。为了实现更松散的耦合，也可以通过arguments.callee.caller来访问相同的信息。

function outer() {
    inner()
}

function inner() {
    alert(arguments.callee.caller)
}

outer()

当函数在严格模式下运行时，访问arguments.callee和arguments.caller会导致错误。arguments.caller在非严格模式喜爱始终是undefined。严格模式还有一个限制：不能为函数的caller属性赋值，否则会导致错误。

函数的属性和方法

JS中的函数是对象，因此函数也有属性和方法。每个函数都包含两个属性：

• length：函数希望接收的命名参数的个数。
• prototype：保存JS引用类型所有实例方法。不可枚举。

每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。

• apply()接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组(可以是Array的实例，也可以是arguments对象)。

function sum(num1, num2) {
    return num1 + num2;
}

function callSum1(num1, num2) {
    return sum.apply(this, arguments); // 传入arguments对象
}

function callSum2(num1, num2) {
    return sum.apply(this, [num1, num2]); // 传入数组
}

alert(callSum1(10, 10)); // 20
alert(callSum2(10, 10)); // 20

• call()：第一个参数是this，后面必须把传递给函数的参数逐个列举出来

function sum(num1, num2) {
    return num1 + num2;
}

function callSum(num1, num2) {
    return sum.call(this, num1, num2);
}

alert(callSum(10, 10)); // 20

事实上，apply()和call()真正强大的地方是能够扩充函数的作用域，且对象不需要与方法有任何耦合关系。例如：

window,color = 'red'
var o = { color: 'blue' }

function sayColor() {
    alert(this.color)
}

sayColor(); // red

sayColor.call(this); // red
sayColor.call(window); // red
sayColor.call(o); // blue

bind()，这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。例如：

window.color = 'red'
var o = { color: 'blue' }

function sayColor() {
    alert(this.color)
}

var objectSayColor = sayColor.bind(o)
objectSayColor(); // blue

每个函数继承的toLocaleString()、toString()、valueOf()方法始终都返回函数的代码.