JavaScript高级程序设计 第五章 引用类型之Function类型

定义：

函数名仅是指向函数的指针，函数名与包含对象指针的其他变量一样

• 声明式定义：

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

• 函数表达式定义：

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

• 构造函数定义（不推荐）

var sum = new Function("num1", "num2", "return num1 + num2;");//最后参数是函数体

【注】
1、解析器首先读取函数声明，使其在执行任何代码之前可用——即函数声明提升（function declaration hoisting）
2、函数表达式需等到执行到代码行（因为是一个初始化语句）
3、构造函数定义会导致两次解析代码：解析构造、解析字符串。但易于理解：函数是对象，函数名是指针

没有重载：

函数名仅是指向函数的指针。声明两个同名函数，后者会覆盖前者（函数名指针指向新的）

function add(num) {
    return num + 100;
}
function add(num) {
    return num + 200;
}
var r = add(100); //300

函数作为参数、返回值：

函数名仅是指向函数的指针，本身就是变量，所以函数可以作为值来使用

var someResult = function callSomeFunc(someFunc, someArgs) {
    return someFunc(someArgs);
}

从一个函数中返回另一个函数

function comparison(propName) {
    return function(obj1, obj2) {
          return obj1[propName]; - obj2[propName];
    };
}
var data = [{name: "Jack", age: "28"}, {name: "TJ", age: 27}];
data.sort(comparison("name"));
data.sort(comparison("age"));
//sort() 默认调用对象的是 toString() 方法

函数内部属性：arguments、this对象、caller引用

arguments对象保存函数参数
属性：callee指针，指向拥有该arguments对象的函数
例：阶乘函数，消除函数执行与函数名的紧密耦合

function factorial(num) {
    if (num <= 1) 
          return 1;
    return num * arguments.callee(num-1); //return num * factorial(num-1);
}
var fact = factorial;
factorial = function() {
    return 0;
}
fact(5);//120
factorial(5); //0

this引用的是函数的环境对象
网页的全局作用域中调用函数时，this对象引用window；把函数赋给一个对象时，this引用的是该对象。

函数名仅是指向函数的指针变量，即使在不同的环境中执行，全局的某函数与赋给对象的该函数指向的仍然是同一个函数

window.color = 'red'
var o = { color: 'blue' }
function getColor() {
	return this.color
}
console.log(getColor()) //red
o.getColor = getColor;
console.log(o.getColor()) //blue

caller属性保存着调用当前函数的 函数的引用

function outer() {
	inner();
}
function inner() {
	console.log(inner.caller);
}
outer();
//ƒ outer() {
//     inner();
//}

function inner() {
	console.log(arguments.callee.caller); //更松散的耦合
}

函数属性和方法

属性：length命名参数个数、prototype保存引用类型的所有实例方法
方法：apply({objScope}, [args])、call({objScope}, arg1, arg2, …)，都是在特定的作用域中调用函数，即设置函数体内的this对象值；bind({objScope}) 创建函数实例（需再显示调用）

function sum(n1, n2) {
	return n1 + n2;
}
function callSum(n1, n2) {
	return sum.apply(this, arguments);
}
console.log(callSum(10, 5)) //15
	function callSum(n1, n2) {
	return sum.call(this, n1, n2);
}
console.log(callSum(10, 8)) //18

扩充函数作用域：

window.color = 'red'
var o = { color: 'blue' }
function getColor() {
	return this.color
}
console.log(getColor()) //red
console.log(getColor.call(this)) //red
console.log(getColor.call(o)) //blue
var sayColor = getColor.bind(o)
console.log(sayColor()) //blue

继承方法：toString()、toLocaleString()、valueOf()