javascript定义函数的三种方法
2016-11-28 16:20
513 查看
(转载)http://www.cnblogs.com/zhenn/archive/2011/02/19/1958802.html
在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()构造函数克 隆函数,一般很少用,因为一个函数通常有多条语句组成,如果将他们以字符串的形式作为参数传递,难免会使得代码的可读性很差。
在这里再顺便提一下构造函数吧,其实从字面上理解,构造函数似乎也是函数,其实它并不是函数,而只是一种函数模型。举个不恰当的例子,构造函数相当于一部 刚组装好的车子,无论远看还是近看,它都是一部车子,但是还没有加油(代表在使用前的一个必要步骤),所以它并不能启动。如果想要这部车子正常行驶,就必 须给它加上油,其实这个过程就等同于构造函数的实例化,否则它并不能正常运行!看下面这个例子:
在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();
相关文章推荐
- javascript定义函数的三种方法
- javascript中定义声明函数的三种方法
- javascript定义函数的三种方法
- JavaScript中定义函数的三种方法
- JavaScript中定义函数的三种方法
- JavaScript定义函数的三种实现方法
- javascript定义函数的三种方法
- JavaScript定义函数的三种方式
- 改变 javascript 函数 内部 this 指针 指向 的三种方法
- (转)Javascript定义类(class)的三种方法
- 【javascript】Javascript定义类(class)的三种方法
- Javascript中函数定义方法比较
- function方法Javascript中函数定义方法比较
- javascript 在 构造器函数中定义方法 vs 在 prototype 中定义方法
- javascript中数组的多种定义方法和常用函数简介
- function方法Javascript中函数定义方法比较
- (转)Javascript定义类(class)的三种方法
- [JavaScript]每个函数就是一个对象(一):申明函数的三种方法
- javascript定义函数的方法
- JavaScript中函数和方法的定义