这篇文章主要向大家详细介绍了 javascript 函数表达式,帮助大家理解 javascript 函数表达式,感兴趣的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
开始学习 javascript 函数表达式,仔细阅读下文。
1、一般形式的创建函数,在执行代码之前会先读取函数声明,所以可以把函数声明写在函数调用的下面:
- sayHi();
- function sayHi(){
- alert("Hi!");
- }
2、使用函数表达式创建函数,调用前必须先赋值:
- sayHi(); //错误!!函数不存在
- var sayHi=function(){
- alert("Hi!");
- }
3、递归
一般递归
- function factorial(num){
- if (num <= 1){
- return 1;
- } else {
- return num * factorial(num-1);
- }
- }
arguments.callee 指向正在执行的函数的指针,可以用它来实现递归:
- function factorial(num){
- if (num <= 1){
- return 1;
- } else {
- return num * arguments.callee(num-1);
- }
- }
4、闭包(闭包指一个函数,这个函数可以访问另一个作用域里的变量)。
创建闭包的常见方式:在一个函数内部创建另一个函数。当函数执行时,会创建一个执行环境和相应的作用域链。闭包只能取得包含函数中任何变量的最后一个值:
- function createFunctions(){
- var result = new Array();
- for (var i=0; i < 10; i++){
- result[i] = function(){
- return i;
- };
- }
- return result;
- }
- var funcs = createFunctions();
- //every function outputs 10
- for (var i=0; i < funcs.length; i++){
- document.write(funcs[i]() + "<br />");
- }
上面代码输出的全部是 10。这是因为:每个 funcs 函数都保存着 createFunctions() 这个活动对象(这是一个函数,也是一个对象,也是一个引用类型 Function 类型),而 createFunctions() 这个活动对象有一个变量 i,所以,每个 funcs 都将拥有这个变量 i,而 createFunctions() 这个函数在返回结果时,i 已经变成 10 了。所以 funcs 数组的每个值都是 10.
可以像下面这样改造:
- function createFunctions(){
- var result = new Array();
- for (var i=0; i < 10; i++){
- result[i] = function(num){
- return function(){
- return num;
- };
- }(i);
- }
- return result;
- }
在调用每个匿名函数时,将 i 的当前值给了 num,而在匿名函数内部,创建并返回 num 的闭包。这样,返回数组的每个函数都有自己 num 变量的一个副本。(这段没有说清,读者自己再揣摩,如果有更好的描述方法,请评论在文章下面,谢谢)
5、this 对象
6、模仿块级作用域(私有作用域)
如下:
- function outputNumbers(count){
- for (var i=0; i < count; i++){
- alert(i);
- }
- alert(i); //count
- }
- outputNumbers(5);
在 Java 等语言中,for 里面的变量 i 用完就销毁了。而在 javascript 中,outputNumbers 调用时生成活动对象,而这个 i 是属于这个活动对象的,因此从它被定义开始,就可以在函数内部随处访问它,它在该活动对象内部是共有的。
匿名函数的语法(创建私有作用域):
- (function(){
- //这里是块级作用域
- })();
函数声明放在圆括号中,表示它是一个表达式,而后面再加个括号就可以立即调用它。
如果临时需要一些变量,那么就可以使用私有作用域:
- function outputNumbers(count){
- (function () {
- for (var i=0; i < count; i++){
- alert(i);
- }
- })();
- alert(i); //causes an error
- }
上面代码中,i 就被私有了,在匿名函数(私有域)外部访问 i 时就会报错,尽管 alert 依然在活动对象内。
7、私有变量
函数的参数、局部变量以及函数内部定义的其他函数都属于该函数的私有变量。比如:
- function add(num1,num2){
- var sum = num1 + num2;
- return sum;
- }
有 3 个私有变量:num1,num2,sum。函数内部可以访问它们,外部就不行了。
特权方法可以访问私有变量:简单说,使用表达式方式给它一个闭包,在闭包内部访问其他函数:
- function Person(name){
- var a=0;
- this.getName = function(){
- return name + a;
- };
- this.setName = function (value) {
- name = value;
- };
- }
this.getName、this.setName 就是表达式方式,在创建 Person 实例后,只能通过 getName 或者 setName 来访问 name、a 属性。
来源: http://www.phperz.com/article/17/0227/267189.html