`
麦田1990
  • 浏览: 72705 次
文章分类
社区版块
存档分类
最新评论

Javascript中函数定义方法比较

 
阅读更多

定义函数的方法主要包括3种:function 语句、函数直接量、Function()构造函数(代码格式比较如下)

                   //使用function语句编织函数 
                      function f(x){
			 return x;
		 }
		 //使用函数直接量直接生成函数 
		 var f = function(x){
			 return x;
		 }
		 //使用Function()构造函数克隆函数 
		 var f = new Function("x","return x;");


现在比较前两种定义函数方式的区别:

方式1 是典型的函数声明

方式2 是函数表达式

其主要区别在于:

1、函数声明需显示的指定函数名,这里是f 函数表达式则使用匿名函数

2、方式1在代码执行之前(解释器)被加载到作用域中,方式2则需在代码执行时(运行期)加载

下面一个例子说明他们的区别

                  alert(f1);      //f1源码
		alert(f2);      //undefined
		
		function f1(){
			var i = 10;
		}
		var f2 = function(){
			var j = 10;
		}
		
		//如果放在函数声明之后 
		alert(f1);          //f1源码 
		alert(f2);          //f2源码  


可以看到,第一次弹出的是f1源码,第二次却是undefined。即采用方式1定义函数,可以在该函数代码之上使用它,采用方式2定义函数则不能在其定义前使用,只能在其定义后使用。

分享到:
评论

相关推荐

    JavaScript函数的定义方法及函数的参数和优化.docx

    JavaScript函数的定义方法及函数的参数和优化.docx

    JavaScript函数定义方法实例详解

    本文实例讲述了JavaScript函数定义方法。分享给大家供大家参考,具体如下: JavaScript 函数定义方法 函数声明 在之前的教程中,你已经了解了函数声明的语法 : function functionName(parameters) { 执行的代码 } ...

    JavaScript的各种常见函数定义方法

    本文详细讲述了JavaScript的各种常见函数定义方法,分享给大家供大家参考。具体分析如下: 首先看一下JavaScript最常见的四种函数定义: 用Function构造函数定义的函数,代码如下: var multiply = new Function('x...

    javascript函数的解释

    17.JS中的函数定义:function functionName([parameter],...){statement[s]} 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window...

    javaScript函数式编程

    本书专门介绍JavaScript函数式编程的特性。 全书共9章,分别介绍了JavaScript函数式编程、一等函数与Applicative编程、变量的作用域和闭包、高阶函数、由函数构建函数、递归、纯度和不变性以及更改政策、基于流的...

    JavaScript定义函数的三种实现方法

    JavaScript定义函数的三种实现方法 【1】正常方法 function print(msg){ [removed](msg); } 对函数进行调用的几种方式: ...函数名(传递给函数的参数1,传递给函数的参数2,….... //构造函数方式定义javascript函数

    javascript函数

    本章的重点是用户定义的JavaScript函数的定义和调用。另外还有一点比较重要,即JavaScript支持很多内部的函数,诸如类Array的方法eval()、parseInt()和sort()等。客户端JavaScript还定义了其他函数,如document....

    JavaScript中定义函数的三种方法

    主要介绍了JavaScript中定义函数的三种方法,本文直接给出代码实现,同时给出了构造函数的相关知识,需要的朋友可以参考下

    浅析javascript中函数声明和函数表达式的区别

    javascript中声明函数的方法有两种:函数声明式和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,...

    Javascript 编程常用函数属性及方法

    包含了javasript 的常用语法函数的属性及定义方法,对于其网页编程中函数可以直接查找,非常方便。

    javascript 函数介绍

    1. 函数的定义和调用 在JavaScript中,定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的,它后面紧跟的是: Ø 函数名 Ø 一个用括号的参数列表,参数是可选的,参数是用逗号分隔开 Ø ...

    详解JavaScript自定义函数

    一、定义方法:在Javascript中必须用function关键字 function funcName(arg1,arg2...) { statements; return 变量值; //返回值可以根据函数的需要 } 函数名是函数自身的一个引用。此种方式创立的函数引用是独立存在...

    JavaScript函数-深入解析与使用指南(很详细)

    1.本文将深入探讨JavaScript函数的基本原理、特点,并通过多个示例展示函数的使用流程和步骤。读者将学习到如何定义函数、编写函数体、调用函数以及处理返回值。此外,文章还将对函数的参数、作用域以及闭包等高级...

    JavaScript中的函数的两种定义方式和函数变量赋值

    主要介绍了JavaScript中的函数的两种定义方式和函数变量赋值,需要的朋友可以参考下

    JavaScript使用Max函数返回两个数字中较大数的方法

    本文实例讲述了JavaScript使用Max函数返回两个数字中较大数的方法。分享给大家供大家参考。具体如下: JavaScript的Math对象带有一个max函数用于获取两个数字的较大数,下面的代码详细演示了max的用法 <!DOCTYPE...

    JavaScript递归函数定义与用法实例分析

    主要介绍了JavaScript递归函数定义与用法,结合实例形式分析了javascript递归的原理、函数定义、使用方法及操作注意事项,需要的朋友可以参考下

    JavaScript程序设计课件:函数的调用方式.pptx

    当函数定义完成后,要想在程序中发挥函数的作用,必须得调用这个函数。 函数的调用非常简单,只需引用函数名,并传入相应的参数即可。 函数声明与调用的编写顺序不分前后。 5.2.2 函数的调用方式 2、函数的调用方式 ...

Global site tag (gtag.js) - Google Analytics