JavaScript 学习笔记 -- Function

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JS 中函数、继承、闭包、作用域链。。。一直都是硬伤，一碰到这样的问题头就大了。但是如果我继续着说：我不会，就真的无药可救了。要勇敢地说出：我的字典里就没有不会这个词，吼吼。。正好昨天在书城里看了本JS红宝书，还没有看完，先记录下：

Function-函数在JS中有两种使用方法：

（1）函数声明：声明和调用是没有严格的先后顺序的

Greet(); //executed correctly. there is not the strict order between declaration and invoking
//a standard statement of a function
function Greet (name) {
alert("Hello, " + (name || "JS"));
}

（2）函数表达式：声明和调用是有顺序要求的

//myFun(); //Wrong: Uncaught TypeError: Property 'myFun' of object [object Object] is not a function
//another statement: function expression
var myFun = function(name){
alert("Hello, " + (name || "JS"));
}
//like a variable, need to be declared firstly
myFun("Tom");

其他的区分倒不记得了，稍后去度娘那儿问下。现在用函数来展示下阶乘的递归实现：

function factorial (num) {
if(num == 1)
return 1;
else
return num * factorial(num-1);
}
alert(factorial(5)); // 120 - OK

正常的使用。但在JS中Function也是一个对象，可以像一般变量那样使用，具体指代的是函数入口的指针，与委托类似。在不济，就是把整个函数的定义赋值给目标变量(我就是按照这种理解的)

//used as a variable
var fact = factorial;
alert(fact(5)); // 120 - OK

但是这是个递归的实现，递归就是不断重复地调用自身。上面的用法就是把函数的实现过程委托给一个变量来执行。但是函数体中调用自身的函数仍然指向原函数，此时如果更改了原函数，结果就大不一样：

factorial = function(){return 1};
alert(fact(5)); //5 - effected by the original function

这就是不严谨的Bug，递归一般用arguments.callee来替代函数自身：

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

还有另外一种用法:

// mark
var myFactorial = (function f (num) {
if(num == 1)
return 1;
else
return num * f(num-1);
});
alert(myFactorial(5)); //

这种语法真没见过，Mark。。。