一、函数成员
-
函数中有一个name属性------>函数的名字,属性只读,不能修改
-
函数中有一个length属性----->函数定义的时候形参的个数
<script>
function f1(a,b,c){
console.log(f1.name);
console.log(f1.length);
}
f1();//f1 3
</script>
<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>
<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>
三、函数作为返回值
<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