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操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
Feb 22 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 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格式化日期和时间格式化示例分享
2014/02/24 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
完美利用Yii2微信后台开发的系列总结
2016/07/18 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
javascript 函数使用说明
2010/04/07 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
JS作用域链详解
2017/06/26 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
Python下载网络小说实例代码
2018/02/03 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
Python generator生成器和yield表达式详解
2019/08/08 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
python学习笔记之多进程
2020/08/06 Python
华润集团网上药店:健一网
2016/09/19 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
医院实习接收函
2014/01/12 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
解析Java异步之call future
2021/06/14 Java/Android