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.sortElements实现table排序
May 04 Javascript
Javascript中typeof 用法小结
May 12 Javascript
vue.js学习之递归组件
Dec 13 Javascript
基于JavaScript实现图片剪切效果
Mar 07 Javascript
Three.js中网格对象MESH的属性与方法详解
Sep 27 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 Javascript
vue路由跳转传参数的方法
May 06 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 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 is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
AngularJS中filter的使用实例详解
2017/08/25 Javascript
JS路由跳转的简单实现代码
2017/09/21 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
vue使用video.js进行视频播放功能
2019/07/18 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
简单易懂的python环境安装教程
2017/07/13 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
python创建n行m列数组示例
2019/12/02 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
一套软件测试笔试题
2014/07/25 面试题
劳资协议书范本
2014/04/23 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
借款民事起诉状范文
2015/05/19 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
mysql sock 文件解析及作用讲解
2022/07/15 MySQL