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 相关文章推荐
用js+xml自动生成表格的东西
Dec 21 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
AngularJS入门教程之MVC架构实例分析
Nov 01 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 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
PHP中数组的三种排序方法分享
2012/05/07 PHP
php中使用临时表查询数据的一个例子
2013/02/03 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
List Installed Software Features
2007/06/11 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
js 判断文件类型并控制表单提交示例代码
2013/11/14 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
简单的分页代码js实现
2016/05/17 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
jquery简单实现纵向的无缝滚动代码实例
2019/04/01 jQuery
Python实现模拟登录及表单提交的方法
2015/07/25 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
Python标准库之itertools库的使用方法
2017/09/07 Python
python线程信号量semaphore使用解析
2019/11/30 Python
python 高阶函数简单介绍
2021/02/19 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
旅游管理专业个人求职信范文
2013/12/24 职场文书
接受捐赠答谢词
2014/01/27 职场文书
小班重阳节活动方案
2014/02/08 职场文书
报关专员求职信范文
2014/02/22 职场文书
班班通项目实施方案
2014/02/25 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
副总经理任命书
2014/06/05 职场文书
户籍证明格式
2014/09/15 职场文书
戒毒悔改检讨书
2014/09/21 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers
MySQL窗口函数的具体使用
2021/11/17 MySQL