JavaScript中定义函数的三种方法

在JavaScript的世界里，定义函数的方法多种多样，这正是JavaScript灵活性的体现，但是正是这个原因让初学者摸不着头脑，尤其对于没有 语言基础的同学。正所谓条条大道通罗马，但是如果道路太多，会让行路者不知所措，因为不知道走那条路才是正途，呵呵，废话一大篇，闲言少叙，先看代码：

代码如下:

/*第一种方法，使用function语句，格式如下*/
function fn(){
　　alert("这是使用function语句进行函数定义");
}
fn();

/*第二种方法，使用Function()构造函数克隆函数*/
var F = new Function("a","b","alert(a+b)");
F(a,b);

其实相当于如下代码：
function F(a,b){
　　alert(a+b);
}

/*第三种方法，使用函数直接量*/
var zhenn = function(){
　　alert("zhenn");
}
zhenn();

其中用“function语句”和使用“函数直接量”来定义函数的方法似乎比较常见，也比较好理解，在此不多说。针对使用Function()构造函数克 隆函数，一般很少用，因为一个函数通常有多条语句组成，如果将他们以字符串的形式作为参数传递，难免会使得代码的可读性很差。

在这里再顺便提一下构造函数吧，其实从字面上理解，构造函数似乎也是函数，其实它并不是函数，而只是一种函数模型。举个不恰当的例子，构造函数相当于一部 刚组装好的车子，无论远看还是近看，它都是一部车子，但是还没有加油（代表在使用前的一个必要步骤），所以它并不能启动。如果想要这部车子正常行驶，就必 须给它加上油，其实这个过程就等同于构造函数的实例化，否则它并不能正常运行！看下面这个例子：

代码如下:

function Fn(){    //定义构造函数　　
　　this.elem ="这里是使用function()构造函数定义函数，呵呵";　　
　　this.fn = function(){　　　　
　　　　alert("这是使用function()构造函数定义函数，嘿嘿");　　
　　}
}
var f = new Fn();  //实例化
alert(f.elem);
f.fn();

赞 (0)

相关推荐

  • javascript 自定义回调函数示例代码

    如果你直接在函数a里调用的话,那么这个回调函数就被限制死了.但是使用函数做参数就有下面的好处:当你a(b)的时候函数b就成了回调函数,而你还可以a(c)这个时候,函数c就成了回调函数.如果你写成了functiona(){...;b();}就失去了变量的灵活性. 复制代码 代码如下: function a(index,callback){ callback(index); } function b(index){ alert(index); } a(10000,b);

  • 谈谈JavaScript自定义回调函数

    谈谈JavaScript自定义回调函数

    废话不多说了,直接给大家贴代码了. 背景分析 首先看一段js的代码,主要实现添加的时候首先通过异步请求判断是否存在,如果不存在的话,在进行添加操作: function add(url,data) { var isExited = isExited(data); if(!isExited){ addRequest(url, data); } } 当我添加一个数据的时候,我首先通过判断是否在数据库中存在(当然,如果前后台彻底分离的话,不应该前端进行业务逻辑的判断,前端只应该,用来展示数据),首先,i

  • JavaScript生成随机数的4种自定义函数分享

    第一种方法 /* *@desc:生成随机字符串 *@remark:toString方法可以接收一个基数作为参数的原理,这个基数从2到36封顶.如果不指定,默认基数是10进制 */ function generateRandomAlphaNum(len) { var rdmString = ""; for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdm

  • js自定义回调函数

    背景分析 首先看一段js的代码,主要实现添加的时候首先通过异步请求判断是否存在,如果不存在的话,在进行添加操作: function add(url,data) { var isExited = isExited(data); if(!isExited){ addRequest(url, data); } } 当我添加一个数据的时候,我首先通过判断是否在数据库中存在(当然,如果前后台彻底分离的话,不应该前端进行业务逻辑的判断,前端只应该,用来展示数据),首先,isExited()的请求是ajax请

  • 比较常见的javascript中定义函数的区别

    比较常见的javascript中定义函数的区别主要通过以下三个方面给大家讲解,需要的朋友参考下吧 1:调用关键字function来构造 如: function distance(x1,x2,y1,y2) { var dx=x2-x1; var dy=y2-y1; return Math.sqrt(dx*dx+dy*dy); } 2:使用Function()构造函数 如: var f=new Function*"x","y","return x*y"

  • 详细分析JavaScript函数定义

    函数 几个要点: a).函数是javascript中的一等公民 (重要性)                 b).函数是一个对象                 c).函数定义了一个独立的变量作用域 定义方式 a)命名函数: 除非在另一个函数内部定义,否则,命名函数是全局的. // 全局的命名函数 function add(x, y) { return x + y; } console.info(add(100, 200)); //300 b)匿名函数: 匿名函数通常赋值给一个变量,再通过变量调

  • JavaScript自定义等待wait函数实例分析

    本文实例讲述了JavaScript自定义等待wait函数用法.分享给大家供大家参考.具体分析如下: 下面是一个js自定义的wait函数,可以暂停程序的执行 function sleep(delay) { var start = new Date().getTime(); while (new Date().getTime() < start + delay); } //usage //wait for 3 seconds sleep(3000); 希望本文所述对大家的javascript程序设计

  • javascript学习笔记之函数定义

    函数声明式 function funname( 参数 ){ ...执行的代码 } 声明式的函数并不会马上执行,需要我们调用才会执行:funname(); * 分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句,所以不以分号结束. 函数表达式 var x = function( 参数 ){ ...执行的代码块 }; 函数表达式定义的函数,实际上也是一个匿名函数(这个函数没有名字,直接存储在变量中) * 函数表达式结尾是要加分号的,因为它是一个执行语句. Function

  • 自定义函数实现IE7与IE8不兼容js中trim函数的问题

    本文实例讲述了自定义函数实现IE7与IE8不兼容js中trim函数的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>test</title> <script type="text/javascript"> String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }

  • JS函数的几种定义方式分析

    本文实例讲述了JS函数的几种定义方式.分享给大家供大家参考,具体如下: JS函数的定义方式比较灵活,它不同于其他的语言,每个函数都是作为一个对象被维护和运行的. 先看几种常用的定义方式: function func1([参数]){/*函数体*/} var func2=function([参数]){/*函数体*/}; var func3=function func4([参数]){/*函数体*/}; var func5=new Function(); 上述第一种方式是最常用的方式,不用多说. 第二种

随机推荐