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 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
提高网站信任度的技巧
Oct 17 Javascript
javascript 模拟点击广告
Jan 02 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
Jul 05 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
微信小程序template模板实例详解
Oct 27 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
微信小程序下拉刷新界面的实现
2017/09/28 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
Python利用命名空间解析XML文档
2020/08/10 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
应届大专毕业生个人自荐信
2013/09/22 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
颐和园英文导游词
2015/01/30 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
毕业论文致谢信
2015/05/14 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
起诉书格式范文
2015/05/20 职场文书
恰同学少年观后感
2015/06/08 职场文书
2016大一新生军训感言
2015/12/08 职场文书
高一化学教学反思
2016/02/22 职场文书
民事纠纷协议书
2016/03/23 职场文书
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers