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 Firefox与IE 替换节点的方法
Feb 24 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
Jan 03 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
Aug 28 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
p5.js码绘“跳动的小正方形”的实现代码
Oct 22 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
浅谈利用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
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
基于mysql的论坛(4)
2006/10/09 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
PHP类的封装与继承详解
2015/09/29 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
vue 插值 v-once,v-text, v-html详解
2018/01/19 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
python按行读取文件并找出其中指定字符串
2019/08/08 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
优秀的教师个人的中文求职信
2013/09/21 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
出国留学英文自荐信
2015/03/25 职场文书
党员违纪检讨书
2015/05/05 职场文书
2019广播稿怎么写
2019/04/17 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
python pygame 开发五子棋双人对弈
2022/05/02 Python