JavaScript基础之函数与作用域

133 阅读2分钟

1、函数

函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

1.1、函数的使用

函数在使用时分为两步:声明函数调用函数

①声明函数

funtion 函数名(){ }

  • function 是声明函数的关键字,必须小写
  • 由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum

②调用函数

函数名();

  • 调用的时候千万不要忘记添加小括号
  • 口诀:函数不调用,自己不执行 注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。

1.2、函数的封装

  • 函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口

1.3、函数的参数

1.3.1、形参和实参

在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参

参数的作用 : 在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

例如:利用函数求任意两个数的和 funtion getSum(num1,num2){ console.log(num1+num2) } getSum(1,2) //3

  • 函数调用的时候实参值是传递给形参的
  • 形参简单理解为:不用声明的变量
  • 实参和形参的多个参数之间用逗号(,)分隔,

1.3.2、形参和实参个数不匹配

注意:在JavaScript中,形参的默认值是undefined

1.3.3、小结

函数可以带参数也可以不带参数

声明函数的时候,函数名括号里面的是形参,形参的默认值为 undefined

调用函数的时候,函数名括号里面的是实参

多个参数中间用逗号分隔

形参的个数可以和实参个数不匹配,但是结果不可预计,我们尽量要匹配.

1.4、函数的返回值

1.4.1、return语句

有的时候,我们会希望函数将值返回给调用者,此时通过使用 return 语句就可以实现。

  • 在使用 return 语句时,函数会停止执行,并返回指定的值
  • 如果函数没有 return ,返回的值是 undefined

1.4.2、return 终止函数

return 语句之后的代码不被执行