JS函数基本使用
函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在ECMAScript的语法规则中,函数使用function关键字来声明,后跟一组参数以及函数体。
基本语法如下:
function 函数名 (参数){ 语句块 }
请打开Google浏览器,打开Developer Tools开发工具(快捷键 ctrl + shift + J):
function Hi(name, say) { console.log("Hi" + name + "," + say); }
return语句在函数内部,使用return语句的时候,后面的代码就不会被执行。
function add(a1, a2) { return a1 + a2; console.log("Hi world!");//不会被执行 }
当return不带任何返回值的时候,在函数停止执行后将返回undefined值。
function sayHi(name, hi) { return; alert("Hello " + name + "," + message); //永远不会调用 } console.log(sayHi("xiaoming","hi"));//undefined
arguments对象
ECMAScript函数不界定,你要传入多少个参数,在你只接收多个参数时,在调用时也未必会调用完全部参数。
function arg() { console.log(arguments[0] + "," + arguments[1] +......); }
为什么会这样呢?是因为ECMAScript中的参数在内部是用一个数组来实现的,传递参数是,只接收参数是始终都是这个数组,并不关心这其中包含的哪个参数。
在访问这个数组的时候,也跟访问数组类似,使用方括号语法访问每一个元素,使用length属性确定传递进来多少参数。
function howManyNum() { console.log(arguments.length); } howManyNum(); // howManyNum(1000); // howManyNum("num1",22); //
可以使用argument对象进行修改值,修改其arguments[1]的值,num2也会跟着变化,这里doWrite函数传入了一个参数arguments[1]设置的值不会反应到命名参数中,这是因为arguments对象长度是由传入的参数个数决定的,不是由定义函数时命名参数的个数觉得的。
function doWrite(num1, num2) { arguments[1] = 10; console.log(arguments[0]);// console.log(arguments[1]);// console.log(num2);//undefined } console.log(doWrite(10))//undefined
总结:
- 无须指定函数的返回值,因为任何ECMAScript函数都可以在任何时候返回任何值。
- 事实上,未指定返回值的函数返回的时一个特殊的undefined值。
- ECMAScript中没有签名的概念,因为其函数参数是以一个包含零或多个值的数组形式传递的。
- 在访问函数的参数时,可以向ECMAScript函数传递任意数量的参数,然后通过arguments对象进行访问参数。
如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果您喜欢或者有所启发,欢迎添加收藏,一起加油学习啊。
相关推荐
88274956 2020-11-03
runner 2020-09-01
梦的天空 2020-08-25
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
lyqdanang 2020-08-16
MyNameIsXiaoLai 2020-07-08
星辰的笔记 2020-07-04
csstpeixun 2020-06-28
letheashura 2020-06-26
liaoxuewu 2020-06-26
sunzhihaofuture 2020-06-21
FEvivi 2020-06-16
坚持着执着 2020-06-16
waterv 2020-06-14
xiaoge00 2020-06-14
firejq 2020-06-14
firstboy0 2020-06-14
e度空间 2020-06-12
zhongweinan 2020-06-10