主页 > 专题教程 > javascript > js基础 >
来源:自学PHP网 时间:2018-02-08 10:24 作者: 阅读:次
[导读] 在JavaScript中,由于函数名就是一个变量,所以函数也可以作为值来使用。我们不仅可以像传递参数一样把一个函数传递给另一个函数,还可以将一个函数作为另一个函数的返回值返回。...
在JavaScript中,由于函数名就是一个变量,所以函数也可以作为值来使用。我们不仅可以像传递参数一样把一个函数传递给另一个函数,还可以将一个函数作为另一个函数的返回值返回。 由于函数是对象,所以可以直接把函数作为参数来传递。来看下面的例子: //定义一个函数 function say(str){ return "hello "+str; } //调用函数 alert(say("JavaScript")); //返回“hello JavaScript” 上面的代码中定义了一个函数 //定义一个通用函数 function callFun(fun,arg){ //第一个参数是函数对象 return fun(arg); } 上面的callFun()函数是一个通用函数,它的第一个参数是一个函数对象,并且它的返回值就是参数中的函数的执行结果。使用这个通用函数来执行前面定义的 callFun(say,"JavaScript"); //返回“hello JavaScript” 可以看到,不论是什么函数,只要它只有一个参数,那么就可以使用 JavaScript函数更为神奇的地方是可以将一个函数作为另一个函数的返回值进行返回。这样做给我们带来的最大的好处是内部函数的参数作用域被延长了。来看下面的例子: function fn1(arg){ var rel = function(num){ return arg + num; } //此时返回的是一个函数对象 return rel; } 上面的 var f = fn1(20); alert(f(11)); //arg的作用域被扩大了 可以看到,对内部函数 将函数作为结果返回的好处是我们可以在函数执行的时候才确定内部函数的参数,这样给函数的调用带来了极大的灵活性。 下面我们以排序为例子,说明函数作为参数和作为返回值的使用方法。 在介绍的时候我们曾经说过,数组对象有一个 var arr = [1,2,215,16,58,35,8]; console.info(arr.sort()); //对于JavaScript而言,默认是按字符串来进行排序 因为对于JavaScript而言,默认是按字符串来进行排序,所以我们得到的返回结果是: 如果我们需要按数值的大小来进行排序,在 //按数值大小排序的方法 function sortOrder(a,b){ return a-b; } 上面的排序函数有2个参数a和b,并且返回值符合排序要求。下面我们使用这个排序函数来对数组arr重新排序。 //使用自定义排序方法重新排序 console.info(arr.sort(sortOrder)); 得到的结果如下图所示: 现在,我们得到了按数值大小进行排序的正确结果。对 下面我们再来研究一下对对象进行排序。看下面的例子: function Person(name,age){ this.name = name; this.age = age; } var p1 = new Person("John",23); var p2 = new Person("Tom",33); var p3 = new Person("Jack",28); var pArr = [p1,p2,p3]; 上面的代码中创建了一个 接下来我们自定义两个排序方法,分别按名字和年龄进行排序。 //按名字排序 function sortByName(obj1,obj2){ if(obj1.name > obj2.name) { return 1; }else if(obj1.name == obj2.name) { return 0; }else { return -1; } } //按年龄排序 function sortByAge(obj1,obj2){ return obj1.age - obj2.age; } 通过将上面定义的2个排序函数作为参数传入到 //按名字排序 pArr.sort(sortByName); //输出结果 for(var i = 0; i < pArr.length; i++){ console.info(pArr[i].name + "," + pArr[i].age); } 按名字排序的结果如下图所示: //按年龄排序 pArr.sort(sortByAge); //输出结果 for(var i = 0; i < pArr.length; i++){ console.info(pArr[i].name + "," + pArr[i].age); } 按年龄排序的结果如下图所示: 上面的做法可以达到对象按属性排序的目的,但是如果我们的对象中有100个属性,现在要求对每一个属性都进行不同的排序,是不是我们要编写100个不同的排序方法呢?答案是否定的,我们通过将排序函数作为函数的返回值进行返回,在执行排序的时候再将要排序的属性传入其中,就可以完美的解决这个问题。看下面的代码: //通用的按对象属性进行排序的函数 function sortByProperty(propertyName){ var sortFun = function(obj1,obj2){ if(obj1[propertyName] > obj2[propertyName]){ return 1; }else if(obj1[propertyName] == obj2[propertyName]){ return 0; }else{return -1;} } return sortFun; } 我们可以像下面这样来调用这个排序函数: //按名字排序 pArr.sort(sortByProperty("name")); //按年龄排序 pArr.sort(sortByProperty("age")); 在一些高级JavaScript框架中(如jQuery),大量使用函数作为参数来进行传递,以及使用函数作为另一个函数的返回值,要读懂这些框架,必须非常透彻的理解JavaScript的函数传值机制。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com