JavaScript 的function 不仅仅是一等公民,简直就是特殊公民。它有许多独特的特征:
1) 它是object,可以存储,传递,附加属性。
2) 它可以有lexical closure, 是事件处理,和OOP encapsulation 的方便工具。
3) 它可以匿名,然后通过变量名或者依附于一个object 的 property来被调用
4) 它有多种“被定义”方式:可以通过function statement, function expression, new, Function object 等。
5) 特可以被“绑定”(通过bind 或 apply)到不同的object,有不同的 this 指针。
JavaScript function 的上述灵活性和动态性,使得它比多数以functional programming language 著称的语言都更functional,而且更动态,更强大。
但是有时候用它的一些属性时,却不免陷入微妙的性能或功能问题。此文就举一个小例子:
JavaScript nested function ,这个属性是,你可以把一个function 的定义当作一个母函数(或外函数)的语句(statement),最好以例子说明:
function outerfunc (y) {
var internal1 = 100 ;
// (nested) Function statements:
// innerfunc is in inner scope and can capture all outer variables
function innerfunc(x) {
internal1 = internal1 + x;
return internal4 + x;
}
Innerfunc(y);
console.log(‘internal1 is’: internal1);
return innerfunc;
}
var ifun = outerfunc (1);
ifun(2);
var ifun2 = outerfunc (3);
if (ifun === ifun2)
console.log(‘ifun is equal to ifun2‘ ); // Line1
else
console.log(‘ifun is not equal to ifun2‘ ); // Line2
innerfunc(2); // 出错:innerfunc 无定义
以上例子中,Innerfunc被定义在outerfunc中,定义 Innerfunc 成了的“可执行命令”,Innerfunc称为“nested function statement”。 它有两个特征值得注意:
- nested function statement 是在运行外围函数(outer function)动态定义,产生的。
也就是说它不但在scop上限制与外围函数,在创建时间上也限制与外围函数运行时,这是 nested function的“时空属性“。
- nested function 和 auto 变量类似,outer function 每次call 时,都会产生一个新的函数。
这是nested function的身份属性。
知道第一点很有用,这个可以有许多用例,知道第二点,你就可以猜到上面程序的的末尾是执行Line1还是Line2吧?
答案是Line2,也就是每次调用outerfunc,都会产生一个全新的Innerfunc,这是注重性能的那些程序员们需要了解的。
2014-8-20 西雅图
JavaScript Nested Function 的时空和身份属性