码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-08-17 00:11:47      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

一、概述:

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

 

 

 

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

标签:

原文地址:http://www.cnblogs.com/xz1024/p/5773543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!