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乱码问题分析及解决方案
Apr 12 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
Jan 20 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 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
晶体管来复再生式二管收音机
2021/03/02 无线电
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
centos+php+coreseek+sphinx+mysql之一coreseek安装篇
2016/10/25 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
浅谈PHP的反射API
2017/02/26 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
JS跨域总结
2012/08/30 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
2015/01/28 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
学习python分支结构
2019/05/17 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
考研复习计划
2015/01/19 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
八年级作文之感恩
2019/11/22 职场文书
Python实现制作销售数据可视化看板详解
2021/11/27 Python
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js