JavaScript函数使用的基本教程

   这篇文章主要介绍了JavaScript函数使用的基本教程,是JS入门学习中的基础知识,需要的朋友可以参考下

  函数是一组可重用的代码,可以在程序的任何地方被调用。这消除了一次又一次地写入相同的代码的需要。这将帮助程序员编写模块化代码。您可以在一些小且易于管理的功能划分大程序。

  像任何其他高级编程语言,JavaScript支持所有必要写模块化的代码使用函数的特点。

  一定见过这样 alert() 和write()在前面的章节功能。我们一次又一次地使用这些功能,但它们已经写在核心JavaScript只有一次。

  JavaScript允许我们写自己的函数,以及本节将介绍如何编写自己的函数在JavaScript。

  函数定义:

  之前我们使用函数,所以我们需要定义一个函数。以限定在JavaScript函数最常用的方法是通过使用function关键字,随后是唯一的函数名,参数列表(可能为空),并且通过大括号包围的语句块。基本语法如下所示:

  ?

1
2
3
4
5
6
7
8

<script type="text/javascript">
<!--
function functionname(parameter-list)
{
statements
}
//-->
</script>

  实例 :

  一个简单的函数,它不带任何参数称为sayHello,在这里定义:

  ?

1
2
3
4
5
6
7
8

<script type="text/javascript">
<!--
function sayHello()
{
alert("Hello there");
}
//-->
</script>

  调用一个函数:

  在脚本中调用函数,需要简单如下编写函数的名称:

  ?

1
2
3
4
5

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

  函数参数:

  到现在为止,我们已经看到了函数不带参数。但是有一个设施,以传递不同的参数,而调用一个函数。通过这些参数可以在函数内部捕获并处理任何可以通过这些参数来完成。

  函数可以用逗号分隔的多个参数。

  实例:

  让我们做一些修改 sayHello 函数。这一次,它会使用两个参数:

  ?

1
2
3
4
5
6
7
8

<script type="text/javascript">
<!--
function sayHello(name, age)
{
alert( name + " is " + age + " years old.");
}
//-->
</script>

  注:我们使用+运算符来连接字符串和数字都在一起。 JavaScript不介意数字加上字符串。

  现在,我们可以调用这个函数如下:

  ?

1
2
3
4
5

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

  return 语句:

  一个 JavaScript 函数可以有一个可选的return语句。如果你想从一个函数返回一个值这是必需的。这条语句应该是函数的最后一条语句。

  例如,可以通过传递两个数字参数到函数,那么可以从函数希望返回在调用程序乘法值。

  例子:

  这个函数有两个参数,将其连接在调用程序返回合成:

  ?

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript">
<!--
function concatenate(first, last)
{
var full;
 
full = first + last;
return full;
}
//-->
</script>

  现在,我们可以调用这个函数如下:

  ?

1
2
3
4
5
6
7

<script type="text/javascript">
<!--
var result;
result = concatenate('Zara', 'Ali');
alert(result );
//-->
</script>

时间: 2024-10-06 04:50:03

JavaScript函数使用的基本教程的相关文章

JavaScript函数使用的基本教程_基础知识

 函数是一组可重用的代码,可以在程序的任何地方被调用.这消除了一次又一次地写入相同的代码的需要.这将帮助程序员编写模块化代码.您可以在一些小且易于管理的功能划分大程序. 像任何其他高级编程语言,JavaScript支持所有必要写模块化的代码使用函数的特点. 一定见过这样 alert() 和write()在前面的章节功能.我们一次又一次地使用这些功能,但它们已经写在核心JavaScript只有一次. JavaScript允许我们写自己的函数,以及本节将介绍如何编写自己的函数在JavaScript.

javascript函数库:jQuery基础教程

文章简介:jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说

javascript函数没有重载测试

  今天继续学习javascript系列教程,虽然是基础,但我觉得还是有必要用心来学习的,不要怕难,不用怕忘记,不要怕学不会.哪个高手不是从零开始的,我要坚定自己的学习信心,并且认真的走下去.虽然路途艰辛,但总会在尽头品尝到芬芳的味道. 函数是定义一次但可以调用或执行任意多次的一段js代码.函数有时会有参数,即函数被调用时指定了值的局部变量.函数常常使用这些参数来计算一个返回值,这个值也成为了函数调用表达式的值.  代码如下   function box(){ alert("年龄");

JavaScript函数的调用以及参数传递_基础知识

JavaScript 函数调用 JavaScript 函数有 4 种调用方式. 每种方式的不同方式在于 this 的初始化.this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象. Note 注意 this 是保留关键字,你不能修改 this 的值.调用 JavaScript 函数 函数中的代码在函数被调用后执行.作为一个函数调用实例 function myFunction(a, b) { return a * b; } myFunction(10, 2); //

Javascript与flash交互通信基础教程_javascript技巧

下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤 本文讨论了3种基本的Flash/Javascript通信方式: Javascript 到 Flash的通信----使用Flash播放器的javascript方法 Flash 到 Javascript的通信----使用Flash的fscommand Flash 到 Flash的通信----------使用本地连接对象或综合上2种技术 并不是所有的浏览器都很重视脚本.为了和Flash播放器通信,浏览

javascript函数特点实例分析_javascript技巧

本文实例分析了javascript函数特点.分享给大家供大家参考.具体分析如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript函数特点(重要)</title>

JavaScript 函数

JavaScript 函数定义 JavaScript 使用关键字 function 定义函数 函数可以通过声明定义,也可以是一个表达式 函数声明 函数声明的语法 : function sum1(n1,n2){ return n1+n2; }; 函数声明后不会立即执行,会在我们需要的时候调用到 分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句所以不以分号结束 函数表达式,又叫函数字面量 JavaScript 函数可以通过一个表达式定义 函数表达式可以存储在变量中: va

javascript arguments与javascript函数重载

1.所 有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数.他不是一个数组,如果用typeof arguments,返回的是'object'.虽然我们可以用调用数据的方法来调用arguments.比如length,还有index方法.但是数 组的push和pop对象是不适用的. 2.函数定义时的参数个数和函数调用时的参数个数没有任何关系. 在函数中可以用f.arguments[0]和f.arguments[1]得到调用时传入的第一和第二个参数,arguments不能够创建

Javascript函数绑定应用技巧详解

文章简介:函数绑定要创建一个函数,可以在特定环境中以指定参数调用另一个函数. 函数绑定要创建一个函数,可以在特定环境中以指定参数调用另一个函数.该技巧常常和回调函数与事件处理程序一起使用,以便在将函数作为变量传递的同时保留代码执行环境.请看以下例子: var handler = { message: "Event handled", handleClick: function (event) { alert(this.message); } }; var btn = document.