javascript oop深入学习笔记（二）--javascript的函数

2022-08-20 13:08:55

一、概述：

　　函数是进行模块化程序设计的基础， 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...]]);

码农公寓

相关文章