欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS函数基本使用

程序员文章站 2022-10-30 22:48:08
函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在ECMAScript的语法规则中,函数使用function关键字来声明,后跟一组参数以及函数体。 基本语法如下: 请打开Google浏览器,打开Developer Tools开发工具(快捷键 ctr ......

  函数是一门语言的核心的概念。如果你是开发人员可以通过封装多条语句在函数内部,使用时再调用该函数即可。在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();    //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

总结:

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

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