HTML5学堂-码匠 HTML5学堂

您当前位于:ECMAScript 基础语法 ——> JavaScript | ECMAScript-函数与参数(形参、实参)
上一篇:没有了 下一篇:JavaScript | 引用类型变量的赋值问题

JavaScript | ECMAScript-函数与参数(形参、实参)

2015/04/27 15:44:08 | 作者:HTML5学堂(码匠) | 分类:ECMAScript 基础语法 | 关键词:JavaScript,函数,参数,形参,arguments

JavaScript基础讲解 - 函数与参数

HTML5学堂 :函数与参数,虽然是基础知识,但是基础不扎实,就更不必谈什么“高级开发”了,毕竟复杂的功能是由多个简单功能堆积而成的。函数中的参数知识,需要注意的是形参、实参以及arguments这个“神奇的”对象。另外return可用于函数返回,如果没有设置函数的默认返回值是什么呢?

函数

什么是函数呢?简单的说,函数就是把多条语句封装起来,可以在任意地方放置,也可以在任意地方调用执行。

函数的声明

ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体。

语法:

  1. <script>
  2.     function functionName(arg0, arg1, ..., argN) {
  3.         // 具体函数内容 - HTML5学堂
  4.     }
  5. </script>

实例:

  1. <script>
  2.     function sayName(name, username) {
  3.         alert(name + ':' + username);
  4.     }
  5. </script>

函数的调用执行

  1. sayName('刘国利', '独行冰海');

欢迎沟通交流~HTML5学堂

参数

在定义函数的时候括号中的参数叫做形参,调用函数的时候,括号中的参数叫做实参。如果我们规定了形参只有两个(即只有两个用于接收数据的参数),此时在调用的时候我们传递了1个参数或者3个参数进来,解析器也是能够正常解析的。在ECMAScript的内部,使用一个数组来表示参数,函数接收到的参数始终都是放置在这个数组当中的。在函数体内,可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。

不过需要注意的是,arguments并非是一个数组,是一个对象。不过它和数组有些类似,可以使用方括号的语法访问它的每一个元素,用length属性来确定传递进来的参数个数。

另外,如果形参的数量大于了实参的数量(也就是传递进来的参数数量要比接收的少,出现了形参接收不到值的现象),没有传递值的命名参数将自动被赋予undefined值。就如同定义了但是没有初始化一样。

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端

iOS,APP,码集,案例交互,JavaScript学习,WEB前端,HTML5

iOS APP 码集

案例交互式学习JS

上一篇:没有了 下一篇:JavaScript | 引用类型变量的赋值问题