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 parseInt字符转化为数字函数使用小结
Nov 05 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
使用node.js搭建服务器
May 20 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 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
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
php中strtotime函数性能分析
2016/11/20 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
javascript构造函数以及原型对象的理解
2017/01/13 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
Vue登录注册并保持登录状态的方法
2018/08/17 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
python中的测试框架
2020/11/13 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
商务日语毕业生自荐信
2013/11/23 职场文书
运动会演讲稿200字
2014/08/25 职场文书
党员民主评议个人总结
2014/10/20 职场文书
运动会新闻稿
2015/07/17 职场文书