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 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 Javascript
Jquery异步请求数据实例代码
Dec 28 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
JS 实现分页打印功能
May 16 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
原生js实现随机点名功能
Nov 05 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 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 多维数组排序实现代码
2009/08/05 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php生成excel列序号代码实例
2013/12/24 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
TinyMCE 新增本地图片上传功能
2010/11/05 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
2013/12/27 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
Python实现简单HTML表格解析的方法
2015/06/15 Python
python奇偶行分开存储实现代码
2018/03/19 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
python 基于opencv实现图像增强
2020/12/23 Python
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
学生处主任岗位职责
2013/12/01 职场文书
学习普通话的体会
2014/11/07 职场文书
管理人员岗位职责
2015/02/14 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
工作收入证明范本
2015/06/12 职场文书
黑白记忆观后感
2015/06/18 职场文书
安全教育培训心得体会
2016/01/15 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
解决xampp安装后Apache无法启动
2022/03/21 Servers