每个函数都是Function类型的实例，因此函数名实际上是一个指向函数对象的指针，不会与某个函数绑定。
定义一个函数有3中方法：
- 函数声明
- 函数表达式
- 使用Function构造函数。例如：
var sum = new Function ("num1", "num2", "return num1 + num2"); //不推荐，这种语法会导致解析两次代码（第一次解析常规ECMAScript代码，第二次解析传入构造函数中的字符串），从而影响性能。
一个函数可能会有多个名字。
function sum (num1, num2) {
return num1 + num2;
}
alert(sum(10, 10)); //20
var anotherSum = sum;
alert(anotherSum(10, 10)); //20
sum = null;
alert(anotherSum(10, 10)); //20
没有重载
function addSomeNumber(num) {
return num + 100;
}
function addSomeNumber(num) {
return num + 200;
}
上面的函数可以写成下面的形式。
var addSomething = function (num) {
return num + 100;
};
addSomething = function (num) {
return num + 200;
};
在创建第二个函数时，实际上覆盖了引用第一个函数的变量addSomething。
函数声明和函数表达式
解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会被真正解析。
也可以同时使用函数声明和函数表达式，例如
var sum = function sum () {};。不过，这种语法在safari中会导致错误。
作为值的函数
因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。
function callSomeFunction (someFunction, someArgument) {
return someFunction(someArgument);
}
function add10 (num) {
return num + 10;
}
var result1 = callSomeFunction (add10, 10);
alert(result1); //20
function getGreeting (name) {
return "Hello, " + name;
}
var result2 = callSomeFunction (getGreeting, "Jack");
alert(result2); //"Hello, Jack"
函数内部属性
在函数内部，有两个特殊的对象：arguments和this。arguments对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。
function factorial (num) {
if (num <= 1) {
return 1;
} else {
return num * factorial ( num - 1);
}
}
这样定义递归函数的话，函数的执行和函数名factorial耦合在一起了。可以使用arguments.callee来消除耦合。
function factorial (num) {
if (num <= 1) {
return 1;
} else {
return num * arguments.callee ( num - 1);
}
}
this对象，其行为与Java和C#中的this大致类似。this引用的是函数据以执行的环境变量。
window.color = "red";
var o = {color : "blue"};
function sayColor () {
alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
ECMAScript5也规范了另一个函数对象的属性：caller。除了Opera的早期版本不支持，其他浏览器都支持这个ECMAScript3并没有定义的属性。它保存这调用当前函数的函数引用，如果是在全局作用域中调用当前函数，它的值为null。
function outer () {
inner();
}
function inner () {
alert(arguments.callee.caller);
}
outer();
ECMAScript5还定义了arguments.caller属性，但是在严格模式下访问它回导致错误，而在非严格模式下这个属性始终是undefined。定义这个属性是为了分清arguments.caller和函数的caller属性。以上变化都是为了加强这门语言的安全性，这样第三方代码就不能在相同的环境里窥视其他代码了。
当函数在严格模式下运行时，访问arguments.callee和arguments.caller会导致错误，并且不能为函数的caller属性赋值。
函数的属性和方法
每个函数都包含两个属性：length和prototype。length属性表示函数希望接收到的参数的个数。
在ECMAScript5中，prototype属性是不可枚举的。
每个函数都包含两个非继承而来的方法：apply()和call()。两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内的this对象的值。
apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。
function sum (num1, num2) {
return num1 + num2;
}
function callSum1 (num1, num2) {
return sum.apply(this, arguments);
}
function callSum2 (num1, num2) {
return sum.apply(this, [num1, num2]);
}
alert(callSum1(10, 10)); //20
alert(callSum2(10, 10)); //20
在严格模式下，未指定环境对象而调用函数，则this值不会转型为window。除非明确把函数添加到某个对象或者调用
apply()或call()，否则this值将是undefined。
call()方法与apply()方法的作用相同，它们区别仅在于接收参数的方式不同。
function sum (num1, num2) {
return num1 + num2;
}
function callSum1 (num1, num2) {
return sum.call(this, num1, num2);
}
alert(callSum1(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
ECMAScript5定义了一个方法：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()也返回函数的代码。
网友评论