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

1分钟带你了解JavaScript函数的定义

程序员文章站 2024-03-26 09:40:35
...

函数的定义、调用

1. 使用function关键字定义函数

使用function关键字定义函数 -- 具有优先级,优先将function关键字定义的函数优先执行

 function  functionName( ){
      // 函数语句
 }      // 这里没有分号
 functionName(); // 函数调用
 ​
 // 举例
 function myFunction( ) {
    console.info("Hello ,world");
 }
 myFunction();

注意:

  1. 函数定义后不会立即执行,只有调用函数的时候,代码才会执行。

  2. 分号是用来分隔可执行的JavaScript语句,因为函数定义不是一个可执行的语句,所以不用分号结束。

2. 使用函数表达式的形式定义函数

使用函数表达式的形式定义函数(即将匿名函数复制给变量)。

let functionName = function( ){
   // 函数语句
};  //  这里需要一个分号了。
console.log(typeof  functionName);     // 输出类型 function
functionName(); // 函数调用


// 举例
let myFunction = function ( ) {
   console.info("Hello ,world");
};
myFunction();

注意:

  1. 以上函数实际上是一个匿名函数(函数没有名称),函数存储在变量中,不需要函数名称,通常通过变量名来调用。其实,这么做也就把这个匿名函数变成了有名字的函数。

  2. 上述函数以分号结尾,因为他是一个执行语句。

以上两种定义函数的方式用的都比较多。个人更倾向于使用 第二种“函数表达式方式定义函数”。

原因:

第一种方式定义的函数,如果不是在函数内部定义的话,它直接就是一个全局函数,容易有冲突。

第二种方式定义的函数,放在{}里,使用 let 定义变量,它就是一个{}内部的局部变量,可以防止冲突。