高阶函数总结
一、函数成员
-
函数中有一个name属性------>函数的名字,属性只读,不能修改
-
函数中有一个length属性----->函数定义的时候形参的个数
<script> function f1(a,b,c){ console.log(f1.name); console.log(f1.length); } f1();//f1 3 </script>
-
函数中有一个argumnet属性---->函数实参的个数----返回的是一个对象
<script> function f2(a,b,c,d,e){ console.log(f2.length);//5 console.log(f2.arguments);//Arguments(5) [1, 2, 3, 4, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ] console.log(f2.arguments.length);//5 } f2(1,2,3,4,5);// </script>
-
函数中有一个caller属性---->调用者(f3函数在f4函数中调用的,此时调用者是f4)
<script> function f3(){ console.log(f3.caller); } function f4(){ f3(); } f4(); </script>
二、函数作为参数
- 参数可以是匿名函数
- 参数也可以是命名函数:只传入命名函数额名字,并且是没有括号的(代表的是函数的代码内容),有括号的是调用
<script> function f1(fn){ console.log("f1的函数"); fn();//此时fn当成一个函数来使用的 } //fn是参数,最后作为函数来使用了,函数是可以作为参数来使用的 //调用f1,参数传入匿名函数 f1(function(){ console.log("我是匿名函数"); });//f1的函数 我是匿名函数 //调用f1,参数传入命名函数; f1(f2);//f1的函数 我是命名函数 function f2(){ console.log("我是命名函数"); } </script>
- 定时器里传入函数作为参数
<script> function f1(fn){ setInterval(function(){ console.log("定时器开始"); fn(); console.log("定时器结束"); },1000); } //调用函数,传入匿名函数 f1(function(){ console.log("我是传入的函数作为参数"); });//定时器开始 我是传入的函数作为参数 定时器结束----循环 </script>
三、函数作为返回值
- return的含义
<script> function f1(){ console.log("nice"); return console.log("perfect"); } //函数的调用是执行函数的过程 f1();//nice perfect //有return的函数,return后面的内容是返回的内容,需要定义一个新变量去接收,然后再对新变量进行操作 var ff=f1(); //举个例子: //函数,目的就是利用它完成某一件事,事情完成了就有一个结果。把一个方法比喻成一台//石磨,黄豆和水相当于参数,经过石磨加工得到的豆浆就相当于返回值。 </script>
-
判断这个对象和传入的类型是不是同一个类型
<script> function getFunc(type){ return function(obj){ return Object.prototype.toString.call(obj)===type; } } //传入的是数组 var ff=getFunc("[object Array]"); var result=ff([10,20,30]); console.log(result);//true //传入的是日期对象 var ff1=getFunc("[object Object]"); var dt=new Date(); var result1=ff1(dt); console.log(result1);//false </script>
-
sort() 方法对数组的元素进行排序,并返回数组。 sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。
-
解决办法:添加一个匿名函数作为sort方法的参数使用,此时匿名函数中有两个参数
<script> //例1:对数字进行排序,从小到大 var arr1=[1,100,20,40,10,200,5]; arr1.sort(function(obj1,obj2){ if(obj1>obj2){ return 1; }else if(obj1==obj2){ return 0; }else{ return -1; } }); console.log(arr1);//[1, 5, 10, 20, 40, 100, 200] //例2:对字符串进行排序 var arr2=["fashion","perfect","good","great","handsome","nice"] arr2.sort(function(obj1,obj2){ if(obj1>obj2){ return 1; }else if(obj1==obj2){ return 0; }else{ return -1; } }); console.log(arr2);//["fashion", "good", "great", "handsome", "nice", "perfect"] </script>
- 扩展案例:排序,三部电影,电影有名字,大小,上映时间,都可以按照某个属性进行排序
<script> function File(name,size,time){ this.name=name;//电影名 this.size=size;//文件大小 this.time=time;//电影上映时间 } var f1=new File("eric.avi","400M","2004-5-23"); var f2=new File("jack.avi","900M","2017-5-23"); var f3=new File("rose.avi","200M","2010-5-23"); var arr=[f1,f2,f3]; function fn(attr){ //函数作为返回值 return function getSort(obj1,obj2){ if(obj1[attr]>obj2[attr]){ return 1; }else if(obj1[attr]==obj2[attr]){ return 0; }else{ return -1; } } } var ff=fn("name");//此处可以换成size或者time arr.sort(ff); for(var i=0;i<arr.length;i++){ console.log(arr[i].name+"======="+arr[i].size+"======"+arr[i].time); } </script>
四、函数变量、作业域、预解析
-
变量:局部变量(函数中用var定义的变量)和全局变量以及隐式全局变量
-
作用域:局部作用域和全局作用域
-
js中没有块级作用域----一对括号中定义的作用域,可以在括号外面使用
-
作用域链:变量的使用,从里到外,层层搜索,搜索到了直接使用,如果到0级作用域依然没有找到这个变量,则报错
<script> var num=10;//作用域 级别:0 function f1(){ var num=20;//作用域 级别:1 function f2(){ var num=30;//作用域 级别:2 console.log(num); } f2(); } f1();//30
-
预解析:浏览器解析代码之前做的事,把变量的声明和函数的声明提前(提升)到该作用域的最上面
【转载文章务必保留出处和署名,谢谢!】