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 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
Angular2 PrimeNG分页模块学习
Jan 14 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
利用forever和pm2部署node.js项目过程
May 10 Javascript
webpack 单独打包指定JS文件的方法
Feb 22 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
jquery实现点击左右按钮切换图片
Jan 27 jQuery
浅谈利用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同时支持GIF、png、JPEG
2006/10/09 PHP
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
Windows服务器中PHP如何安装redis扩展
2019/09/27 PHP
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
JS排序算法之希尔排序与快速排序实现方法
2017/12/12 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
python读取xml文件方法解析
2020/08/04 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
SQL中where和having的区别
2012/06/17 面试题
化学专业毕业生自荐信
2013/11/15 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
装修安全责任协议书
2016/03/22 职场文书
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js