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...]]);
原文地址:https://www.cnblogs.com/xz1024/p/5773543.html