HTML5—JS—命名函数、匿名函数、箭头函数

命名函数：

function hanhsu(
){
}

匿名函数：

function(	){
}

匿名函数和命名函数的主要区别：

1、可见两者的主要区别是少了函数名
2、匿名函数不能在定义函数之前去调用，会提示未调用。而普通函数可以在定义函数之前去调用函数。这里涉及到知识点：JS里面代码的执行顺序是从上往下执行的

命名函数怎么执行：

hanshu()
function hanhsu(
){
}

匿名函数怎么执行
1、第一种执行方法：

var fun1 =function(	){
}
fun1()

2、第二种执行方法（自执行匿名函数或者叫匿名函数自执行或者叫IIFE）：

(function(){
})();

为什么匿名函数外要加个括号，语法问题，如果不加括号会解析不出来，会报错，加括号相当于提高了优先级，代表一个函数整体，整体()，代表函数执行，至于外面为啥还有个括号，可看下面的代码块

let a = function (){}
//执行
a()
//等同于
function (){}()
//而给这个函数加个括号，是为了提高一个优先级，代表一个整体去执行，不然就是语法错误

这种执行方法(IIFE)的好处，防止引入多个js时候，并且每个js不是同一个人写的，可以避免命名冲突

箭头函数：

var fun2 = (
) => {
}

对比命名函数写一个例子：

var function fangfa(num1,num2){
return num1+num2
}

1、当箭头函数没有{ } 括号的时候会默认返回函数体的结果
var sum=(num1,num2)=>num1+num2

2、如果只有一个形参可以省略小括号
var fun3 = str =>str+123

最后

以上就是专注吐司为你收集整理的HTML5—JS—命名函数、匿名函数、箭头函数的全部内容，希望文章能够帮你解决HTML5—JS—命名函数、匿名函数、箭头函数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。