• javascript oop深入学习笔记(二)--javascript的函数


    一、概述:

      函数是进行模块化程序设计的基础, javascript重的的函数不同于其他语言,每个函数都作为一个对象被维护和运行。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或则讲函数作为参数传递。

    二、认识javascript中的函数

      javascript可以用function关键字定义一个函数,并为每个函数指定一个函数名,通过函数名来调用。

      在javascript解释执行时,函数都是被维护为一个对象,这就是函数对象(Function Object).

      函数对象与其他用户所定义的对象有着本质的区别,这一类对象被称之为内部对象。例如:日期对象(Date)、数组对象(Array)、字符串对象(String)都属于内部对象。这些内置对象的构造器是由JavaScripy本身所定义的,通过执行Array()这样的语句返回一个对象,javascript内部有一个套机制来初始化返回的对象,而不是由用户来指定对象的构造方式。

      在javascript中,函数对象对应的类型是Function,正如数组对象对应的是Array,日期对象对应的类型是Date一样,可以通过new Function()来创建一个函数对象,也可以通过function关键字来创建一个对象。

        <script>
            function $myfunction($a,$b) {      //传统写法
                var $res = $a + $b;
               document.write($res);
                return $res;
            }
        </script>

      我们采用另外一种写法:

    <script>
        var $myfunction = new Function("$a","$b","var $res=$a+$b;document.write($res);return $res;")
    </script>
    
    <body>
        <h1>测试</h1>
        <button onclick="$myfunction(5,12)">JS测试</button>
    </body>

      其实结果是一样。

      

    var funcName = new Function(p1,p2,......,pn.body);

      参数的类型都是字符串,p1到pn表示所创建函数的参数名称列表,body表示所创建函数的函数体语句,funcName就是所创建函数的名称。可以不指定任何参数创建一个空函数,不指定funcName创建一个无名函数,当然那样的函数没有任何意义。

      需要注意的是,p1到pn是参数名称的列表, p1不仅代表一个参数,它也可以是一个逗号隔开的参数列表。

      javascript引入Function类型类型并提供new Function()这样的语法是因为函数对象添加属性和方法就必须借助于Function这个类型。

      函数本质是一个内部对象,由javascript解释器决定其运行方式,通过上述代码创建的函数,在程序重可以使用函数名进行调用。直接在函数声明后面加上括号就表示创建完成后立即进行函数调用。

    三、函数对象和其他内部对象的关系

      除了函数对象,还有很多内部对象,比如:Object、Array、Date、RegExp、Math、Error。这些名称实际上表示一个类型new操作符返回一个对象。然而函数对象和其他对象不同,当用typeof得到一个函数对象的类型时,它仍然会返回字符串‘function’,而typeof一个数组对象或其他的对象时,它会返回字符串'object'。

      尽管函数本身也是一个对象,但它与普通的对象还是有区别的,应为它同事也是对象构造器,也就是说,可以NEW一个函数来返回一个对象。

      Function是所有函数对象的基础,而Object是所有对象(包括函数对象)的基础。在javascript中,任何一个对象都是Object的实例。因此,可以修改Object这个类型来让所有对象具有一个写通用的属性和方法,修改Object类型是通过prototype来完成的。

    四、将函数对象作为参数传递

      每个函数都被表示为一个特殊的对象,可以方便的将其赋值给一个变量,再通过这个变量名进行函数调用。作为一个变量,它可以以参数的形式传递给另一个函数。

    function func1(theFunc){
      theFunc();     
    }
    function func2(){
      alert("good");
    }
    
    func1(func2);

     五、aguments

      当进行时函数调用时,出料指定的参数外,还创建了一个隐藏的对象arguments。arguments是一个类似数组但不是数组的对象。它具有数组一样的访问性质,可以用arguments[index]这样的语法取值,拥有数组长度属性length。arguments对象存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表。

    function funName($a,$b){
    document.write($a+"<br />");
    document.write($b+"<br />");
    for(var $i=0;$i<arguments.length;$i++){
    document.write(arguments[$i]+"<br />");
    }
    }
    funName(2,4,6,8,10);

       arguments对象的另一个属性是callee,它表示对函数对象本身的引用,这有利于实现无名函数的递归或则保证函数的封装性。

    六、JavaScript中的this指针

      JavaScript可以使用this指针来获得该对象自身的引用。this指针是一个动态变量,一个方法内的this指针并不是始终指向定义该方法的对象。列如:

    //创建两个空对象
    var $obj1 = new Object();
    var $obj2 = new Object();
    //给两个对象都添加属性 att,分别等于1和2
    $obj1.att = 1;
    $obj2.att = 2;
    //给$obj1 新增一个方法,用来显示att的值
    $obj1.getAtt = function(){
      document.write(this.att);
    }
    $obj1.getAtt();
    
    //让$obj2的gerAtt方法等于$obj1的getAtt方法
    $obj2.getAtt = $obj1.getAtt;
    
    $obj2.getAtt();

      javascript中的this指针是一个动态变化的变量,表明了当前运行该函数的对象。一个对象就是由一个或多个属性(方法)组成的集合。每个集合元素不是仅仅属于一个集合,而是可以动态的属于多个集合。这样,一个方法(集合元素)由谁调用,this指针就指向谁。

      

    七、函数的apply、call方法的运用

      javascript为函数对象定义了两个方法:apply和call。他们的作用都是讲函数绑定到另外一个对象上去运行。

    Function.prototype.apply(thisArg.argArray);
    Function.prototype.call(thisArg[,arg1[,arg2...]]);
  • 相关阅读:
    html和css的重难点知识
    走过的K8S坑
    K8S的安装
    java 工程编码格式由GBK转化成utf-8 (转载)
    spring mvc 后端获得前端传递过来的参数的方法
    表格组件---bootstrapTable
    Spring mvc +ajax 发送邮件
    通过Httpclient工具类,实现接口请求
    spring mvc框架+ ajax实现 文件上传
    element-ui中表格自定义排序
  • 原文地址:https://www.cnblogs.com/xz1024/p/5773543.html
Copyright © 2020-2023  润新知