Extjs 基础篇—— Function基础

这里主要是JS的基础知识，也是深入理解Ext的基础。
1.参数可变长，注意跟Java还是有一点区别的。
例：

1.function getUser(name,age){

2.alert("name: "+name + " age: "+age);

3.}

调用方法：getUser(); // 可以不传参数
getUser("cat"); // 可以只传递一个参数
getUser("cat"，20); // 传两个参数
getUser("cat"，20，2，"dog"); // 传两个以上的参数
2.不给函数定义形参，直接在函数中使用arguments属性获取实际传递的参数数组。
例：

1.function getUser(){

2.var args = arguments;

3.alert(args.length);

4.alert(args[0]);

5.}

3.js函数不能重载.因为，JS函数的参数是可变长的，从代码意义上来说就没有重载。另外，JS是一种解释执行的语言，浏览器脚本引擎开始载入JS代码的时候，必须先“扫描”然后才开始解释执行。在这个过程中，有一个重要的操作就是“标识符解析”，要求同一命名空间不允许同名变量的存在，包括函数名。
例：

1.function getUser(){

2.alert("hello!");

3.}

4.function getUser(name){

5.alert("sorry!");

6.}

7.getUser(); // 结果永远是 sorry!

4.命名空间：Java我们用package edu.ouc.wy来定义，JS中则需要我们一层一层的定义。

1.var edu = {};

2.var edu.ouc = {};

3.var edu.ouc.wy = {};

5.JS支持函数嵌套
例：

1.function outerFn(){

2.function innerFn(){

3.alert("innerFn test..");

4.}

5.alert("outerFn test...");

6.}

7.outerFn();  // 结果弹出来两个窗口

6.既然有了函数嵌套，我们就有从outerFn外部调用innerFn函数的需求
例：

1.function outerFn(){

2.function innerFn(){

3.alert("innerFn test..");

4.}

5.return innerFn();

6.}

7.var cacheFn = outerFn();

8.cacheFn();

一般来说，“外层”作用域中的代码是无法访问“内层”作用域的。但是通过return一个函数的方式，可以让函数“穿越”作用域的限制，从而让外层作用域能够“触摸”到“内层”的函数和变量。
例：

01.var outerName = "cat";

02.function outerFn(){

03.var name = "dog";

04.function innerFn(){

05.alert("outername: "+outerName + " innername: "+name);

06.}

07.return innerFn;

08.}

09.var cacheFn = outerFn();

10.cacheFn(); // 结果为 outername: cat innername: dog

7.JS中函数既是数据
例：

1.function testFn(){

2.alert("test function..");

3.}

4.alert(testFn); // 显示的结果和上面这三行是一样的

例：

1.testFn = function(){

2.alert("test function..");

3.}

4.alert(testFn); // 效果和上一个例子是一样的

两者的不同是：前者直接声明了一个函数，在脚本引擎的解析期间，这个函数就会被创建。
而后者相当于是定义了一个变量，因此只有在脚本真正执行到这一行的时候，函数才会被构建出来。
8.函数作为对象的属性，动态的添加和删除
例：

1.var obj = {};

2.obj.testFn = function(){

3.alert("test func..");

4.}

5.obj.testFn(); // 括号()的目的是让testFn这个属性（函数）执行

6.delete obj.testFn;

7.obj.testFn(); // 报错

9.函数也是对象，也有自己的类：Function
例1：

1.var testFn = new Function('name','alert(my func...)');

2.testFn();  // 结果 my func...

Function:可以接受任意多个参数，只有最后一个参数被当做“函数体”。使用new Function()方式创建的函数，是在运行时才创建。并且他的作用域是“顶级作用域”，即window
例：

1.function outerFn(){

2.var name = "cat";

3.var innerFn = new Function("alert(name)");

4.return innerFn;

5.}

6.var cacheFn = outerFn();

7.cacheFn();  // 结果报错，因为在window作用域中，找不到name变量

例2：

1.var myFn = function(){}

2.myFn.name = "cat";

3.alert(myFn.name); // cat

4.delete myFn.name;

5.alert(myFn.name); // 空

10.三种特殊形式的函数调用：call，apply，（）
例：

1.function myFn(){

2.alert(this.name);

3.}

4.myFn.call({name:"cat"});  // 结果为cat

5.myFn.apply({name:"dog"});  // 结果为dog

结果很奇怪：两次this.name居然不一样。这就是JS是动态语言的意义所在，不要被Java思想所束缚。对于JS来说，函数中的this并不一定指向特定的对象，它是可变的。（这句很重要）
call和apply都能执行函数并给this传递参数。两者相同点：他们都可以接受两个参数，第一个参数为函数中this需要绑定的对象。不同点：call的第二个参数是可变长参数，apply的第二个参数是数组。
例：

1.function myFn(a,b){

2.return a+b;

3.}

4.myFn.call({},1,2);

5.myFn.apply({},[1,2]);

6.例：(function(){

7.alert("my func..");

8.})();

结果这个函数自己就执行了。
11.我们知道了函数也是对象。也用过了arguments这个原生属性。JS为函数对象提供了很多原生的属性，包括arguments,callee,caller,length,prototype等
例1：

01.function myFn(){

02.var s = "";

03.var len = arguments.length;

04.for(var i=0; i<len; i++){

05.s += arguments[i]; // 注意arguments不是数组，而是对象

06.}

07.alert(s);

08.}

09.myFn(1,2,3,4,5);

例2：

1.function fact(n){ // n的阶乘

2.if(n==1){

3.return 1;

4.}else{

5.return n * arguments.callee(n-1);

6.}

7.}

callee在arguments属性中定义，并且它指向函数自己，可以用于递归调用。
例3：

1.function worker(){

2.alert(worker.caller); // 将会输出boss函数的代码，因为没有给他加（），

3.// 否则将报错too much recursion

4.}

5.function boss(){

6.worker();

7.}

8.boss();

原文链接：http://extjs.org.cn/node/585