JS函数基本使用
程序员文章站
2022-05-18 08:50:25
函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在ECMAScript的语法规则中,函数使用function关键字来声明,后跟一组参数以及函数体。 基本语法如下: 请打开Google浏览器,打开Developer Tools开发工具(快捷键 ctr ......
函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在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(); //0 howManyNum(1000); //1 howManyNum("num1",22); //2
可以使用argument对象进行修改值,修改其arguments[1]的值,num2也会跟着变化,这里doWrite函数传入了一个参数arguments[1]设置的值不会反应到命名参数中,这是因为arguments对象长度是由传入的参数个数决定的,不是由定义函数时命名参数的个数觉得的。
function doWrite(num1, num2) { arguments[1] = 10; console.log(arguments[0]);//10 console.log(arguments[1]);//10 console.log(num2);//undefined } console.log(doWrite(10))//undefined
总结:
- 无须指定函数的返回值,因为任何ECMAScript函数都可以在任何时候返回任何值。
- 事实上,未指定返回值的函数返回的时一个特殊的undefined值。
- ECMAScript中没有签名的概念,因为其函数参数是以一个包含零或多个值的数组形式传递的。
- 在访问函数的参数时,可以向ECMAScript函数传递任意数量的参数,然后通过arguments对象进行访问参数。
如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果您喜欢或者有所启发,欢迎添加收藏,一起加油学习啊。