您的位置:首页 > Web前端 > JavaScript

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中函数没有重载。(就是不能有两个名字一样的函数在一起使用)。两个一样名字的函数下面的会覆盖上面的函数。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐