JS基础教程8——函数

85 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情

JS基础教程8——函数

函数是被设计为执行特定任务的代码块,函数会在某代码调用它时被执行。

函数定义

无参函数

function 函数名(){
    代码块
}

有参函数

function 函数名(变量1,变量2....){
    代码块
}

在函数中,参数是局部变量。

函数调用

函数中的代码将在其他代码调用该函数时执行:

  • 当事件发生时(当用户点击按钮时)
  • 当 JavaScript 代码调用时
  • 自动的(自调用)

例如:

function text() {
    console.log("测试");
}

text();

return

return用于函数返回,代表函数停止执行,return也可以返回值,例如:

function sum(a,b) {
    return a+b
}

var x = sum(10,5);

使用函数的意义

一些功能需要多次使用,此时使用函数就可以避免重复写同样的代码,大大提升了开发效率,或者是需要传不同参数返回结果时,可以有效的完成任务,例如可以自行制作一个简易的计算器,或者不同单位之前的转换等。

函数中,最后是返回值或者没有输出值得时候可以使用变量接收函数,例如上述return中的例子使用变量x来接收函数sum的返回值,如需输出则直接输出变量x即可。

作用域

局部变量

在函数中声明的变量,会成为函数的局部变量,只能在该函数使用,如果函数内外变量名重复,在函数内使用时优先取到函数内的变量(可以理解成地头蛇)。

全局变量

全局变量顾名思义就是整个程序中都可以访问到的变量。

(点击进入专栏查看详细教程)