zoukankan      html  css  js  c++  java
  • (11)javascript 引用类型 Function类型

     定义Function类型:

      1 function sum(num1,num2){

      return num1+num2; 

    }

      2 var sum = function(num1,num2){

      return num1+num2;

    };

      3 构造函数(不推荐)

      var sum = new Function("num1","num2","return num1+num2;");

      4 函数名仅仅指向函数的指针

      function sum(num1,num2){

      return num1+num2;

    }

      alert(sum(10,20));//30

      var anotherSum = sum;

      alert(anotherSum(10,20));//30

      sum = null;

      alert(anotherSum(10,20));//30

     1 没有重载

     1 将函数想象为指针,有助于理解为什么ECMAScript中为什么没有函数重载的概念

      function addSomeNumber(num){return num+100;}

      function addSomeNumber(num){return num+200;}

       addSomeNumber(100);//300 覆盖前面的函数

     2函数声明与函数表达式

       1 function add(num){return num+2;}   

      函数声明:function add(num)

      表达式:return num+2 

      解析器会率先读取函数声明,并在任何代码之前可用。

      alert(add(3));

      function add(){}

           2 需要注意

          alert(add(2));

        var add = function(num){return num+2;};

        会报错,因为add位于一个初始化语句中

     3 作为值的函数

       1 函数本身就是变量,所以函数也可以作为值来使用

      function add(num){

      return anotherAdd(3)+num;

    }

    function anotherAdd(num){return num;}

        

     4 函数内部属性

       在函数内部,有两个特殊的对象:arguments和this

      arguments :类数组对象,包含着传入函数的所有参数。

      对比callee属性,callee属性是一个指针,指向用这个这个arguments对象的函数

      以阶乘函数为例子

      function factorial(num){

        if(num<=1){

          return 1;

        }else{

          return num*(factorial(num-1));

          }

       }

      定义阶乘函数一般都要用到递归算法,如上面的代码

      如果函数名以后不会变的情况下,上面的定义没有问题,但是问题是函数的执行与函数名factorial紧紧地耦合在一起

      为了消除这种耦合的现象,可以使用arguments,callee

      function factorial(num){

        if(num<=1){

        return 1;

        }else{

        return num*arguments.callee(num-1);

        }

      }

      这样写的好处是,无论引用时是用什么名字,都可以正常完成递归调用

      this:this引用的是函数据以执行的环境对象,在网页全局作用域中使用函数时,this对象引用的就是window

        var color = "red";

        var o ={color:"blue"};

        function sayColor(){

        return this.color;

        }

        sayColor();//red

        o.sayColor = sayColor;

        o.sayColor();//blue

        在o内,this指向的是内部的color

        caller函数属性(opera早期版本不支持),这个属性保存着当前函数的函数引用

        function outer(){inner();}

        function inner(){alert(inner.caller);}

        outer();

     5 函数属性和方法

      函数第对象,每个函数都包含2个属性length,prototype.

        length属性表示很熟希望接受的命名参数的个数。

          function sayNum(name){}

          function sayHi(name,age){}

          function sum(name,age,sex){}

          sayName.length//1

          sayHi.length;//2

          sum.length;//3

        prototype属性保存它们所有实例方法的真正所在。换句话说就是toString() valueOf()等方法的实现都保存在prototype下。prototype属性不可枚举,使用for-in无法发现

        每个函数都包含2个非继承而来的方法:apply() call()

        apply()方法接受2个参数:1个是在其中运行的函数的作用域,另一个是参数数组。apply(作用域,数组)

        function sum(num1,num2){return num1+num2;}

        function callSum1(num1,num2){return sum.apply(this,arguments)}//将callSum1的参数传入sum

        function callSum2(num1,num2){return sum.apply(this,[num1,mum2]}

        callSum1(10,10);//20

        callSum2(10,10);//20

        

        call() 接受参数的方式和apply()不同,但是传递的参数的项目必须列出来

        function sum(num1,num1){return num1+num2;}

        function callSum(num1,num2){

          return sum.call(this,num1,num2);

    }

      call() 和apply()最强大的地方在于能够扩充函数赖以运行的作用域

      window.color = "red";

      var o ={color:"blue"};

      function sayColor(){

      return this.color;

      }

      sayColor();

      sayColor.call(this);//red

      sayColor.call(window);//red

      sayColor.call(o);//blue

      bind()也可以绑定函数的值ie9+ firefox4+ safari5.1+ opera12+ chrome

      

  • 相关阅读:
    面向对象基本原则
    策略模式
    简单工厂模式
    高内聚、低耦合
    UML在代码中的展现
    使用commons-csv简单读写CSV文件
    java反射机制
    SrpingDruid数据源加密数据库密码
    markdown学习经验
    Vue.js学习笔记
  • 原文地址:https://www.cnblogs.com/lihaozhou/p/3575808.html
Copyright © 2011-2022 走看看