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的DOM操作之删除节点示例
Jan 03 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
Mar 14 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
Mar 01 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
ionic+html5+API实现双击返回键退出应用
Sep 17 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 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 上传文件大小限制
2009/07/05 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
Javascript 构造函数 实例分析
2008/11/26 Javascript
日期 时间js控件
2009/05/07 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
js闭包实例汇总
2014/11/09 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
详解vue组件化开发-vuex状态管理库
2017/04/10 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
python 自定义异常和异常捕捉的方法
2018/10/18 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
师德个人剖析材料
2014/02/02 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
党课培训心得体会
2014/09/02 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
心得体会格式及范文
2016/01/25 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js