31-尚硅谷-尚医通-前端知识点-ES6语法-箭头函数

各位大家好，欢迎继续收看上硅谷视频课程，我们继续来演示S6中的基本语法，然后最后一个给大家演示ES6中一个很重要的内容，也是咱们后面项目中会一直用到的这么一个东西，它叫做箭头函数。见证函数是什么呢？我们先做个介绍，然后给大家做个演示。见证函数啊，你可以理解为是一种更加简洁的函数书解方式，让咱们函数编写更加的简单，而它的基本语法就是你加上参数，加上一个右箭头，再加上你的函数体，而箭头函数多用于匿名函数的定义，那我下面给各位演示一下箭头函数到底该怎么去用，现在我在里边呢，再创建一个新的文件，这个文件我们是零七。箭头函数点HTML，然后在里边呢，写上我们相应的这个内容。

我们来写一下。包括写上块的标签，然后怎么做呢？比如说我现在啊，我先定义一个函数，咱们先用传统的方式。定义这么一个函数，或者定义一个方法，那比如说我来一个Y，假如说我函数名字就叫F1等于一个。方程。然后在方式里边呢，比如现在我加上一个参数，这参数我就叫A，最终我把这A咱们做一个退，所以大家看现在我这函数是定义了函数名字叫F1参数是A，最终返回就是A，然后我现在把这函数我们做一个调用。console.log怎么调用函数名字，加上什么参数，假如这个A这个参数我们就来一个三，最终他把三是不是应该是能做输出，那咱们来试一下这个效果，先看传统方式的特点，大家看。

三是不是束缚了证明咱们定义是正确的，而现在我们在ES6里面就可以把上面的函数使用这个。箭头函数进行定义，那我说一下怎么做，刚才咱们说的箭头函数呢，有一个最基本的语法，那我现在把这语法给各位复制过来，然后咱们按照语法把这个。定义出来怎么做呢？我写一下，比如现在我来一个Y，我们叫F2。注意啊，等于后面怎么写呢，跟之前就不太一样了，之前呢，你要写个方式写内容，而现在按照语法，首先第一个跟你的参数，比如说你这位置有几个参数，那我就写几个参数，因为咱目前就一个参数，那我这里边就写个A。当然这个A你可以用括号给它包起来，但是因为是一个参数，所以括号可以省略，我们就写个A，然后写完A之后，后面加上一个右箭头，在后面加上你的函数体，也是它的返回内种，因为咱们返回值是不是A啊，所以我这里边就写一个A，这样的话把这个函数定义用间成函数做的时间。

主要在这个位置，这是它的参数，这是它的返回值，最终当我们输入这值是三，它把三就返回。这是关于箭头函数使用，然后使用之后咱们也是做一个输出。点logo。我们写个F2，然后里边来个四，为了区分一下，而现在我把这个代码咱们执行一下，我到里边就直接刷新大家看。四是不是输出了证明咱这个箭头函数是会生效，那这就是关于箭头函数一个最基本的使用，它就是这么来用，也就是。

把你的函数做一个简单的或者简化的这种方式进行实现。然后这个做到之后，比如说各位啊，再写一个稍微复杂点的，刚才我这里边是有一个参数，那我下面给它加上多个参数。比如现在我再来一个函数，我叫F3等于一个方式。然后在方式里边呢，咱们加上两个参数，比如有一个。M有一个N，然后最终我就是。瑞存这个M加上N，大家看是不是一个负大点的函数，而这个函数咱给它也是用ES6的方式。箭头函数做这么一个时间，那怎么做呢？我写一下，咱们来一个Y，比如说我叫F4。那各位说后面怎么写？跟上回一样，首先是不是两个参数一个M，是不是一个N呀，但是现在多个参数，咱需要用括号给它括起来。

然后括起来之后写什么？是不是右箭头啊，最终你的结果那就是M加上N，这样的话咱们用箭头函数把这就写出来了。最终我们来做一个测试。我们来。执行这个F4，比如说叫两个参数四，还有这个五，最终他会把四加五的结果做输出。那咱们来保存刷新一下，看一下结果。四加五最终是不是这个九，这样的话我们就完成了，这就是关于ES6中的箭头函数的使用，就是各位把这个给他要重点掌握，因为咱们在后面的前端项目中要用到箭头函数来实现我们的功能，各位就记住它的写法，就是参数右键头加上你的函数体部分。这咱们就完成了，也就说到这里为止了，咱就把ES6中这些最基本的语法给各位就说完了，但是我强调E研六中的语法肯定不仅限于咱们讲了这么多，里面有更多语法，而咱们目前学的语法是为了满足咱们项目使用的，比如我们现在学的是所学即所用，我们后面项目中如果用到。

所以各位同学把我刚才演示的几个语法给他自己好好去练习一下，因为咱们在项目中我们都会用到。所以这是关于研六基本语法的这么一个演示。