JavaScript基本概念(三)函数的基础语法和用法
2019-02-18 15:14
183 查看
函数对于任何语言来说都是以一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体。
函数的基本语法:
function functionName(args0,args1,...,argsN){ //() 括号里的是参数 statements // 函数体 }; 例如: function sayHi(name){ console.log('hello'+name+) } sayHi("小明"); // 函数调用 控制台输出 hello小明
ECMAScript中函数在定义时不必指定是否返回值,但是在函数中任何时候都可以通过return语句后跟要返回的值来实现返回值。函数在return语句之后停止并立即退出。
例如
function sum(sum1,sum2){ return sum1+sum2 // 返回值 } console.log(sum(1,2)); // 3
return语句之后也可以不带任何返回值,在这种情况下,函数在停止执行后将返回undefined值。在种用法一般在需要提前停止函数执行而又不需要返回值的情况下使用。如下代码:
function sayHi(name){ return; console.log("hello"+name); // 使用了return 这句代永远不会执行 }; console.log(sayHi("小明")); // undefined
参数的理解
js中函数不介意传递进来多少参数,也不在乎传递进来参数是什么数据类型。即使定义的函数只有两个参数,在调用的时候这个函数也未必一定要传递两个参数。可以传递一个、两个、三个甚至不用传递参数都可以。
在js中的参数内部是用一个数组来表示的。函数接受到的始终都是这个数组,而不关心数组中包含哪些参数(如果有参数的话 ^^)如果这个数组中不包含任何元素,没有关系;如果包含多个元素,也没有问题。实际上,在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。
arguments对象代表的是函数的实参。
通过arguments对象的length属性可以获取有多少个实参传递给函数。
function howManyArgs() { alert(arguments.length); } howManyArgs("string", 45); //2 howManyArgs(); //0 howManyArgs(12); //1
js中函数的特点:
1、命名的参数只提供便利,但不是必需的。参数可以随便命名。
2、没有传递值的命名参数将自动被赋值undefined值,就和定义了变量但没有初始化一样。
3、js中函数没有重载。(就是不能有两个名字一样的函数在一起使用)。两个一样名字的函数下面的会覆盖上面的函数。
相关文章推荐
- JavaScript基础(基本语法:变量、语句、数组、函数、对象、全局方法以及js与java不同,js与html关联)
- (3)JavaScript基础(基本语法:变量与数据类型、类型转换、运算符、流程控制、函数、对象、自定义对象、原型)
- 学习笔记(二)JavaScript基本概念(语法,数据类型,控制语句,函数)
- 代码干货 | Javascript基础学习之基本语法
- JavaScript基础语法:数据类型、变量、控制结构、函数、表达式
- JavaScript基础笔记(一)基本概念
- Java基础总结-基本语法概念-2
- JavaScript基本语法基础
- javascript复习笔记(一)js基础,基本语法,数据类型,控制流程
- Java基础总结-基本语法概念-3
- C语言学习笔记(1)--基本概念和函数用法
- objective-c 基础语法和习题 / 类 详解/ 函数多参数的几种用法
- JS高程NO3--基本概念(语法,数据类型,操作符,语句,函数)
- ios-基础用法之【2】-Objective-c 语法,类/属性/函数
- JavaScript的基本概念----基本语法与变量
- 【javascript基础】【setTimeout setInterval】 之 setTimeout基本概念及浏览器兼容性
- JavaScript基本概念(五)---语句和函数
- c语言学习之基础知识点介绍(八):函数的基本用法
- 第三章(基本概念——语法,数据类型,流程控制语句,函数)
- JS高级程序设计学习笔记之第三章基本概念(语法,数据类型,流控制语句,函数)——查漏补缺