好程序不是写给computer的,而是写给human的。遇到复杂功能,应该想着把它简化、组件化,把小功能封装成小组件,小功能块可以任意的组合得到千变万化的复杂功能。function就可以帮助我们把功能进行封装。那什么是封装呢。要我说,只要把具体实现给打包,对外提供调用接口那就是封装,方法也好、类也好就做了这些事。
javascript中的function可以用来创建方法、也可以用来创建类,实际上我们可以认为是用function来模拟出的类(说到类一般都会要去了解闭包的知识)。还是先看一下方法吧。
javascript函数分为有名函数、匿名函数和在匿名函数基础上延伸出来的立即执行函数。
普通函数就是用function直接声明的有名函数。
function Hello() { alert("hello , everybody!"); }; Hello(); function SayHelloTo(somebody) { alert("hello , " + somebody + "!"); }; SayHelloTo("张三");
上面分别创建了Hello和SayHelloTo方法。Hello不带有参数,直接通过Hello()来完成调用。SayHelloTo方法带有一个参数,向谁问候时需要知道是在问候谁。在调用SayHelloTo(“张三”)时要传入参数。这些代码和java、C#都没有什么太大区别。在方法重载上却有较大改变,javascript本身并不支持什么重载,一个方法名就对应一个方法。如果强制的写出多个同名方法,其实会出现先写的方法被覆盖掉的情况。
function Hello() { alert("hello , everybody!"); }; Hello(); function Hello(somebody) { alert("hello , " + somebody + "!"); }; Hello("张三");
第一个Hello方法被覆盖掉,执行时直接调用Hello()则认为调用第二个Hello方法但没有传递参数值,所以弹出了undefined信息。调用Hello(“张三”)时很正常的完成执行。其实javascript也可以用一些直白的方式来完成重载。学过C#的人都会知道有个params关键字,通过它可以实现向方法传递不定个数的参数。我们可以通过对参数的信息做手动的判断也可以模拟出类似重载的效果。而在javascript中根本就不需要什么params关键字,就可以很自然的实现任意个数参数的传递。function中有个arguments属性,可以把它看成一个数组,它按传递进来的参数的顺序来保存所有的参数。也就是说我们在定义方法时可以不声明参数名。
function ShowArguments() { var args = ""; for (var i = 0; i < arguments.length; i++) { args += arguments[i] + ","; }; alert(args.substr(0, args.length - 1)); }; ShowArguments(1, 2, 3, 4, 5, 6, 7);
function Hello() { if (arguments.length == 0) { alert("hello , everybody!"); } else { alert("hello , " + arguments[0] + "!"); }; }; Hello(); Hello("张三");
基于参数个数不同的重载。
function Increase(arg) { if (typeof arg == "undefined") { alert("请输入参数"); } if (typeof arg == "string") { alert(String.fromCharCode(arg.charCodeAt(0) + 1)); } if (typeof arg == "number") { alert(arg + 1); } }; Increase(); Increase("a"); Increase(1);
基于参数类型不同的重载。函数除了有名函数之外也可以是匿名函数,匿名函数就是没有名子的函数,不论函数有名还是没有名子,都是一个完整的函数对象。匿名函数还是用function来声明,但不用为它指定名称。其它的方面,比如参数等等和有名函数没什么区别。
function() { …… };