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

函数的定义、调用

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 定义变量,它就是一个{}内部的局部变量,可以防止冲突。

发布了73 篇原创文章 · 获赞 97 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_42703239/article/details/102913025