JS函数基本使用

函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在ECMAScript的语法规则中,函数使用function关键字来声明,后跟一组参数以及函数体。

基本语法如下:

function 函数名 (参数){
    语句块
}

请打开Google浏览器,打开Developer Tools开发工具(快捷键 ctrl + shift + J):

function Hi(name, say) {
        console.log("Hi" + name + "," + say);
}
JS函数基本使用

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

总结:

  1. 无须指定函数的返回值,因为任何ECMAScript函数都可以在任何时候返回任何值。
  2. 事实上,未指定返回值的函数返回的时一个特殊的undefined值。
  3. ECMAScript中没有签名的概念,因为其函数参数是以一个包含零或多个值的数组形式传递的。
  4. 在访问函数的参数时,可以向ECMAScript函数传递任意数量的参数,然后通过arguments对象进行访问参数。

如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果您喜欢或者有所启发,欢迎添加收藏,一起加油学习啊。

相关推荐