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 相关文章推荐
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
jquery实现手机号码选号的方法
Jul 31 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
Element Collapse 折叠面板的使用方法
Jul 26 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 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
PHP反向代理类代码
2014/08/15 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python 操作hive pyhs2方式
2019/12/21 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
比较基础的php面试题及答案-填空题
2014/04/26 面试题
营销与策划个人求职信
2013/09/22 职场文书
社区义诊活动总结
2014/04/30 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
党员对照检查材料
2014/09/22 职场文书
员工手册董事长致辞
2015/07/29 职场文书
追悼会答谢词范文
2015/09/29 职场文书
2016年感恩节寄语
2015/12/07 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
Android中View.post和Handler.post的关系
2022/06/05 Java/Android