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
Mar 09 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 Javascript
浅谈Angularjs link和compile的使用区别
Oct 21 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
Jan 25 Javascript
详解ajax的data参数错误导致页面崩溃
Apr 30 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
浅谈利用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 CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
AngualrJS中的Directive制作一个菜单
2016/01/26 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
python中的随机函数random的用法示例
2018/01/27 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
Python字符串及文本模式方法详解
2020/09/10 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
python asyncio 协程库的使用
2021/01/21 Python
上班早退检讨书
2014/01/09 职场文书
一个大学生十年的职业规划
2014/01/17 职场文书
基层干部十八大感言
2014/01/19 职场文书
社区端午节活动方案
2014/01/28 职场文书
信息总监管理职责范本
2014/03/08 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
湘江北去观后感
2015/06/15 职场文书
九年级英语教学反思
2016/02/15 职场文书
PL350与SW11的比较
2021/04/22 无线电
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL