javascript中的函数

Posted 2021-11-21 低代码布道师

函数的命名

js中可以将一段通用的代码封装到函数中，后续调用的时候可以直接使用名字进行调用，语法是

function name(parameter1, parameter2, ... parameterN) {
  ...body...
}

比如：

function showMessage() {
  alert( 'Hello everyone!' );
}

showMessage();
showMessage();

这里通过封装的技术将弹出信息封装为了showMessage函数，在脚本中就可以直接使用函数名来执行代码了

局部变量

在函数内部定义的变量称为局部变量，作用域也是在函数内部，外部不能引用

function showMessage() {
  let message = "Hello, I'm javascript!"; // local variable

  alert( message );
}

showMessage(); // Hello, I'm JavaScript!

alert( message ); // <-- Error! The variable is local to the function

在函数内部定义了message变量，只能内部使用，外部使用的话会报错

外部变量

在函数外部定义的变量，可以被函数内部使用

let userName = 'John';

function showMessage() {
  let message = 'Hello, ' + userName;
  alert(message);
}

showMessage(); // Hello, John

我们在showMessage函数外部定义了userName变量，在函数内可以引用