`
yuanjianhang
  • 浏览: 110432 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript中function讲解(1)

阅读更多

函数是由关键字function、函数名加一组参数及置于大括号中需要执行的一段语义定义的。

function functionName(parameters) {

some statements;

}

 

下面来看一个函数的简单应用:

<head>

<script type='text/javascript'>

function printtxt(statesment1,statement2,statement3) {

alert(statement1+statement2+statement3);

}

</script>

</head>

<body>

<script type='text/javascript'>

printtxt('我的‘,'名字’,‘yuanjianhang!’);

</script>

</body>

这是一个函数的简单应用其中包含了形式参数和实际参数以及函数的调用三个方面的知识。

下面列举在事件响应中调用函数

<head>

<script>

function test() {

alert('test!');

}

</head>

<body>

<form action='' method='post' name='form1'>

<input type='button' value='提交‘  onClick='test();'>

</form>

</body>

注意:在函数中定义的变量只在本函数中才起作用,属于局部变量。

 

函数还可以用return返回一个值。

例如:

<head>

<script>

function setValue(num1,num2,num3) {

var avg=(num1+num2+num3)/3;

return avg;

}

function getValue(num1,num2,num3) {

document.write(' 参数分别为: ’+num1+num2+num3);

var value=setValue(num1,num2,num3);

document.write('平均值为:'+value);

}

</script>

</head>

<body>

<script>

getValue(60,59,60);

</script>

</body>

 

 

在javascript中,可以使用arguments特殊对象,当需要在函数中调用参数时,无需指出参数名称即可调用这些参数。

例如,可以使用arguments[0]访问函数的第一个参数值,以此类推。还可以使用arguments.length获取函数的参数个数。

例如:

<head>

 

<script type="text/javascript">

function testargs() {

for(var i=0;i<arguments.length;i++) {

document.write('函数的个数为:'+arguments.length+'。运行的结果为:'+(arguments[i]+10)+'。');

}

}

</script>

</head>

<body>

 

 

<script type="text/javascript">

testargs(10);

testargs(10,20);

</script>

 

</body>

结果为:

函数的个数为:1。运行的结果为:20。函数的个数为:2。运行的结果为:20。函数的个数为:2。运行的结果为:30。

 

 

嵌套函数:

 

所谓的嵌套函数即在函数内部再定义一个函数,这样的优点在于可以使内部函数轻松获得外部函数的参数以及函数的全局变量等。

例如:

<head>

<script>

var outter=10;

function add(number1,number2) {

function innerAdd() {

alert('参数的加和为'+(number1+number2+outter));

}

return innerAdd();

}

</script>

</head>

<body>

<script>

add(10,10);

</script>

</body>

最后的输出结果为30.

(未完,接下一篇!)

0
0
分享到:
评论

相关推荐

    javascript oop模式讲解

    在这个讲解中,我们将深入探讨JavaScript中的OOP模式,特别是如何利用它来进行DOM操作。 在JavaScript中,OOP主要基于原型(prototype)实现,与传统的类继承机制不同。JavaScript提供了构造函数、原型对象、实例、...

    JavaScript实例讲解-洪恩在线

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的、解释型的编程语言,主要用于增强网页的交互性和动态性。本教程"JavaScript实例讲解-洪恩在线"将深入浅出地介绍JavaScript的基础知识以及实际应用,帮助...

    JavaScript学习笔记讲解

    本文档将深入讲解JavaScript的基础知识,包括它的语法、数据类型、语句结构以及常用函数。 1. 什么是脚本程序和JavaScript 脚本程序是一种不需要编译即可执行的文本文件,它们在运行时由解释器逐行解释。...

    javaScript正则表达式讲解用ppt

    JavaScript中的正则表达式是一种强大的文本处理工具,用于在字符串中进行模式匹配、搜索、替换等操作。在JavaScript中,正则表达式被广泛应用于数据验证、文本处理和字符串操作等方面。 1. **正则表达式概念** - ...

    Javascript 设计模式系统讲解与应用

    在深入探讨《JavaScript设计模式系统讲解与应用》的内容之前,我们先来了解一下设计模式的基本概念以及为什么它对于前端开发人员尤为重要。设计模式是一套被反复使用的、经过分类编目的、包含结构化的解决方案,用于...

    JavaScript教程及实例讲解.txt

    ### JavaScript教程及实例讲解 #### 一、JavaScript简介与历史 JavaScript是一种广泛应用于网页开发中的脚本语言,它最初由Netscape公司在1995年发布,原名为LiveScript。在当时,Netscape公司与Sun Microsystems...

    javascript代码讲解ppt

    下面将详细介绍Chakra引擎在IE11中的JavaScript执行管道。 #### ECMAScript代码类型 ECMAScript代码主要分为三种类型: 1. **全局代码(Global code)**:通常指那些不包含在任何函数内部、直接写在脚本中的代码...

    ppk关于javascript事件的讲解.rar

    在这个"ppk关于javascript事件的讲解"教程中,我们将深入探讨JavaScript事件处理机制及其应用。 首先,JavaScript事件是网页中发生的特定动作,比如鼠标点击、键盘输入、页面加载等。当这些动作发生时,JavaScript...

    WEB_JavaScript教程及实例讲解.pdf

    以上知识点围绕JavaScript语言本身、基本语法、数据类型、控制结构、对象和数组、事件处理、浏览器对象模型以及JavaScript的现代应用进行了详细讲解。实际应用中,开发者需要结合HTML和CSS,以及现代框架和库,才能...

    JavaScript编程中实现对象封装特性的实例讲解

    本文将深入探讨如何在JavaScript中实现对象封装,并参考阮一峰老师的实例进行讲解。 首先,让我们了解JavaScript中的构造函数。构造函数是一种特殊的函数,用于创建和初始化对象。当我们使用`new`关键字调用一个...

    Javascript的匿名函数讲解

    在JavaScript中,定义函数主要有三种方式:函数关键字(function)语句定义、函数字面量(Function Literals)和Function()构造函数。函数字面量和Function()构造函数定义的函数可以没有名称,也就是我们说的匿名...

    详细讲解JavaScript中的this绑定

    JavaScript中的`this`绑定是一个关键概念,涉及到函数调用、对象方法、构造函数等多个场景。`this`在JavaScript中并不像其他语言中的`this`那样简单地指向对象本身,而是根据函数调用的方式动态确定其指向。理解`...

    举例讲解JavaScript中关于对象操作的相关知识

    本文将通过具体的例子,详细讲解JavaScript中关于对象操作的相关知识,帮助初学者更好地理解和使用JavaScript对象。 首先,我们来看数组到对象的转换。数组是一种特殊的对象,通常使用方括号`[]`定义,每个元素都有...

    jquery和javascript讲解笔记

    ### JavaScript与jQuery全面讲解 #### 一、JavaScript基础概述 **JavaScript** 是一种广泛用于网页浏览器的脚本语言,它让网页变得动态且交互性更强。尽管名字中有 "Java",但实际上两者并没有直接关联。...

    JavaScript 面向对象编程详细讲解文档

    原型(prototype)是JavaScript中实现继承的关键,每个函数都有一个prototype属性,这个属性指向一个对象,该对象的属性和方法会被实例继承。当你创建一个新对象时,如果没有指定构造函数,那么这个新对象就会从...

    JavaScript教程及实例讲解

    JavaScript的实例讲解可以帮助初学者更好地理解如何在实际项目中应用JavaScript,提升网站的用户体验和互动性。通过掌握JavaScript,开发者可以创建复杂的网页特效、表单验证、动画效果以及实现与服务器的异步通信...

    JavaScript大事具体讲解_.docx

    JavaScript是Web开发中不可或缺的一部分,尤其在用户交互和动态网页设计方面起着核心作用。本文将深入探讨JavaScript中的大事机制,包括大事流、大事处理方式以及大事对象。 首先,理解“大事”的概念至关重要。...

    JavaScript实例讲解

    通过上述实例讲解,我们可以看到JavaScript在网页开发中的强大功能。无论是简单的文本输出还是复杂的用户交互,JavaScript都能够提供灵活且高效的解决方案。掌握JavaScript的基本语法和常见函数的使用方法,对于Web...

    实例讲解避免javascript冲突的方法

    本实例通过一系列步骤详细讲解了如何避免JavaScript中的冲突。 首先,我们看到工程师甲和乙分别编写了功能A和功能B,各自定义了变量`a`和`b`。当两个功能同时存在时,产生了变量冲突。为了解决这个问题,工程师乙...

    Javascript中的封装与继承

    通过以上讲解,你应该对JavaScript中的封装和继承有了更深入的理解。在实际开发中,灵活运用这些概念可以构建更加高效、可维护的代码结构。不断地学习和实践,你将在JavaScript的世界里游刃有余。

Global site tag (gtag.js) - Google Analytics