JS函数属性

函数

函数实际上是对象,每个函数都是Function类型的实例,具有属性和方法,函数名实际上是指向函数对象的指针。

表示方法:

  • 函数声明

    • function sum(a,b){
      return a+b;
      }
  • 函数表达式

    • var sum = function(a,b){
      return a+b;
      }
  • 解析器在向执行环境中加载数据时,会率先读取函数声明,并使其在执行任何代码之前可用;当执行器执行到函数表达式的代码的时候才会真正的解释执行

函数的参数

  • ECMAScript函数的参数与大多数其他语言中的函数的参数有所不同,ECMAScript函数不介意传递参数的个数以及参数类型,这是因为函数的参数在函数内容是使用一个类数组对象来表示的。这个类数组对象就是arguments

函数的调用

  • 在JS中,函数没有重载的概念,两个函数的函数名相同即是同样一个函数,但是Java中不是

      	函数名(实参列表)
    

作为值的函数

  • 由于函数名本身就是变量,所以函数可以当做值来使用(参数,返回值)。

    • function callOther(fun,args){
      return fun(args);
      }
      function show(msg){
      alert(msg);
      }
      callOther(show,“哈哈”); //show为参数

作为返回值的函数

  • eg:多功能自定义排序函数
    function myCompare(pro){
    //函数将作为返回值返回
    return function(obj1,obj2){
    var val1 = obj1[pro];
    var val2 = obj2[pro];
    if(val1<val2){
    return -1;
    }else if(val1>val2){
    return 1;
    }else {
    return 0;
    }
    }
    }
    var data = [
    {
    name : “aaa”,
    age :12
    },{
    name:“ccc”,
    age : 8
    },{
    name :“bbb”,
    age : 71
    }
    ];
    console.log(data);
    data.sort(myCompare(“age”));
    console.log(data);

函数内部属性

  • arguments :是类数组对象,包含着传入函数中参数,arguments对象还有一个callee的属性,用来指向拥有这个arguments对象的函数

    • 例如:
      num的阶乘,使用递归函数
      function factorial(num){
      if(num<=1){
      return 1;
      }else{
      //return num * factorial(num-1);
      return num * arguments.callee(num-1);
      }
      }
  • this: 指向的是函数赖以执行的环境对象

    • window.color = “window”;
      var person = {
      color:“person”
      };

          function sayColor(){  
        	alert(this.color);  
          }  
          sayColor();  //window对象调用,所以弹出 "window"  
          person.sayColor = sayColor; //将该方法赋给person对象  
          person.sayColor();//使用person对象调用该方法,弹出"window"
      

函数的属性

  • length: 表示函数希望接受的命名参数的个数

    • function say(msg){} //say.length 1 希望接受一个参数
      function add(m,n){} //add.length 2 希望接受两个参数
  • prototype: 保存实例方法的真正所在。在自定义引用数据类型以及继承时非常重要。

函数的方法

  • this->该函数所在的环境对象

  • apply : 参数(在其中运行函数的作用域,参数数组(Array,arguments));

    • 用法一:
      function sum(m,n){
      return m+n;
      }
      function call(m,n){
      //return sum.apply(this,arguments);
      return sum.call(this,m,n);
      }
      alert(call(1,2));
  • call : 参数(在其中运行函数的作用域,参数列表)

    • 用法二:
      扩充函数赖以运行的作用域
      window.color = “window”;
      var person = {
      color:“person”
      };

           function sayColor(){  
        	alert(this.color);  
           }  
           sayColor.call(this);  
           sayColor.call(window);  
           sayColor.call(person);
      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值