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实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
jQuery实现两款有动画功能的导航菜单代码
Sep 16 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 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
新52大事件
2020/03/03 欧美动漫
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python实现自动化上线脚本的示例
2019/07/01 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
matlab灰度图像调整及imadjust函数的用法详解
2020/02/27 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
迎新年主持词
2015/07/06 职场文书
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
浅谈Redis的事件驱动模型
2022/05/30 Redis