JavaScript函数使用的基本教程


Posted in Javascript onJune 04, 2015

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

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

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

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

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

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

实例 :

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

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

调用一个函数:

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

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

 
函数参数:

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

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

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

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

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

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

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

 
return 语句:

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

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

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

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

  full = first + last;
  return full;
}
//-->
</script>

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

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>
Javascript 相关文章推荐
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 Javascript
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
JQuery删除DOM节点的方法
Jun 11 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
详解JS中的attribute属性
Apr 25 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 #Javascript
js动态创建及移除div的方法
Jun 03 #Javascript
JS实现窗口加载时模拟鼠标移动的方法
Jun 03 #Javascript
利用js实现禁止复制文本信息
Jun 03 #Javascript
详解JavaScript中循环控制语句的用法
Jun 03 #Javascript
讲解JavaScript中for...in语句的使用方法
Jun 03 #Javascript
JavaScript中for循环的使用详解
Jun 03 #Javascript
You might like
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
php 静态变量与自定义常量的使用方法
2010/01/26 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
js格式化时间的方法
2015/12/18 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
Python 变量类型详解
2018/10/10 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
Python控制台实现交互式环境执行
2020/06/09 Python
mac系统下安装pycharm、永久激活、中文汉化详细教程
2020/11/24 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
Java如何格式化日期
2012/08/07 面试题
什么是索引指示器
2012/08/20 面试题
工程造价专业大专生求职信
2013/10/06 职场文书
计算机科学与技术应届生求职信
2013/11/07 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
邀请函范文
2015/02/02 职场文书
团队拓展训练感想
2015/08/07 职场文书
php实现自动生成验证码的实例讲解
2021/11/17 PHP