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);
时间: 2024-10-11 04:50:08

javascript oop深入学习笔记(二)--javascript的函数的相关文章

Javascript oop深入学习笔记(三)--javascript中类的实现

一.类的实现机制 在javascript中可以使用function关键字来定义一个类.在函数内通过this指针引用的变量或则方法都会成为类的成员. function classDemo(){ var $testProperty = "xz1024"; this.property = $testProperty; this.method = function(){ return "this is a test method"; } } var $obj = new c

MySQL函数学习笔记二:字符函数

1. 计算字符串字符数和字符串长度 - CHAR_LENGTH(s) CHAR_LENGTH(str): 返回str所包含的字符个数. mysql> select CHAR_LENGTH('MySQL'); +----------------------+ | CHAR_LENGTH('MySQL') | +----------------------+ |                    5 | +----------------------+ 2. 合并字符 - CONCAT(s1,s

JavaScript高级程序设计学习笔记--基本概念

1.语句 ECMAScript中的语句以一个分号结尾:如果省略分号,则由解析器确定语句的结尾,如下例所示: var sum=a+b //即使没有分号也是有效的语句--推荐 var diff=a-b; //有效的语句--推荐 虽然语句结尾的分号不是必需的,但我们建议任何时候都不要省略它.两个原因:1.加上分号可以避免很多错误 2.加上分号也会在某些情况下增进代码的性能,因为这样解析器就不必再花时间 推测应该在哪里插入分号了. 2.变量 var message="hi"; 像这样初始化变量

JavaScript高级程序设计学习笔记--错误处理与调试

try-catch语句 只要代码中包含finally子句,则无论try或catch语句块中包含什么代码--甚至return语句,都不会阻止finally子句的执行,来看下面这个函数: function testFinally(){ try{ return 2; }catch(error){ return 1; }finally{ return 0; } } 调用这个函数会返回0(PS:但我实际执行的时候会先返回0,再返回2) 抛出错误 与try-catch语句相配的还有一个throw操作符,用于

ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 诸君,我喜欢嫩的--呸呸呸 诸君,我喜欢3D咋了?新事物会替代旧事物不是~ ArcGIS API for JavaScript 4.2概述 AJS 4.2,即ArcGIS API for JavaScript 4.2,是美国ESRI公司针对WebGIS市场推出的.利用JavaScript和Dojo开发的一款产品,它在2016年12月发布.而AJS 4.0 beta则在一年前就发布了. 关于AJS3和AJS4选择的问题,

JavaScript权威指南学习笔记之一

1.关于分号 javascript里面不强制使用分号来表示一行语句的结束,但是最好能够在写js之前,特别是在原有的js上面新增时,最好前置一个分号.避免这种情况发生:  2.JavaScript类型转换 3.关于=== ①如果类型不同则不等 ②null===null或undefined===undefined ③true===true或false===false ④NaN不等 ⑤0===0 0===-0 ⑥如果是同一个object,array,function则相等 4.关于== ①如果已经==

JavaScript高级程序设计学习笔记--面向对象程序设计

工厂模式 虽然Object构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码.为解决这个问题,人们开始使用 工厂模式的一种变体. function createPerson(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); }; return o; } var

RX学习笔记:JavaScript数组操作

RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.unshift(123); array.unshift("value1","value2"); push() 在数组末尾添加元素 array.push("value"); array.push(123); array.push("value1&

Javascript高级程序设计学习笔记

3. 基本概念 基本数据类型:Undefined,Null,Boolean,Number,String. 复杂数据类型:Object. 3.6 语句 switch比较值时用的是全等运算符 “===” ,因此不会进行类型转换.例如 “10” 不等于10. 3.7 函数 ECMAScript函数不介意传递进来多少个参数,也不在乎参数的类型.即使定义的函数只接受两个参数,在调用的时候也可以传递任意多个或者0个.因为ECMAScript的参数在内部是用一个数组表示的,在函数体内部可以通过argument