day03【项目前端相关基础知识一】/10-尚硅谷-谷粒学院-前端技术-es6语法-箭头函数

咱们来看啊，一六中的第八个语法叫做箭头函数，那箭头函数什么意思啊，这里边啊，我先在这个位置，比如我先建这么一个HT文件啊，然后咱们直接演示效果。这个叫做。箭头函数。这个啊是我们要做到的，然后在里边同样我们先写一段javascript这么一个结构代位置，我们做一个演示啊，那首先咱先说一下什么叫箭头函数，这里说明啊，其实箭头函数啊，说的简单点，就是你对这个函数或者方法的一种更加简洁的一种写法，这个叫电流函数，那什么意思，咱先大概看一下啊，比如说我现在我用最原始方式定一个方法，就这个方法Y f1function，然后A瑞return a，这方法意思就是方法名字是F1，然后里边的参数是A，最种返回值是不是就是A呀，这是我们传统写法，但是这种写法咱用箭头函数把它可以做一个简化，它简化之后就这个样子。

那这什么意思，看我这个基本语法啊，语法就是参数加个箭头，再加个函数题，也就是说你看对照它来看啊，这个A就应该看到对应的是这个参数，然后这个A用的是谁，是不是你的函数体，或者你的蕊吞这部分啊，或者说你的返回值部分，这就是他一个箭头函数写法，咱后面这种写法会一直写到，而这个箭头函数你可以这么理解，咱在那个这就是JAVA8中有东西叫拉姆的表达式，这跟它有点类似啊，但是两不是一个东西啊，就是写法有点相似，这个叫。变成函数啊，那咱下面把这个给大家来做个演示啊，咱看这该怎么去做啊，我们来写一下啊。首先第一个啊，咱先使用这个就是传统方式创建一个方法，或者说创建一个函数，那我直接来一个Y，比如叫F1。

等于这个叫function。在方式里边呢，我们给它传个参数，假如我来一个这个M，然后最后比如我加个瑞T啊，比如这个M加一，这个啊是咱写一个最基本一个函数，而这函数就是函数名字是F1，函数中的参数是M，最终返回值就是M加一，或者你特M啊等于MM加一一样的啊，这是一个传统方式写法，那我现在把这个写法呢，咱们就使用。我们说这个箭头函数给它做一个改造啊，就用箭头函数写一下，那怎么做，我来写一下啊，首先我来一个方法名字，比如说换个名字F2，然后等于后面。不需要这么做了，那怎么做呢？就是把这一部分做个简化，等于后面的第一部分加上你的参数，因为大家看这参数是不是M，那咱就加个M，这是参数，然后M后面加上一个固定的箭头函数，在箭头函数后面加上你的方法体，就是这个部分，但是方法体中瑞吞不需要写，但直接写个M，这就表示它最终会蕊吞M。

这两行代码是等价的，是一样的啊，就是这个M代表参数，GM代表返回值，或者说你写其他的，比如说M加一等等啊，这是一个间的函数啊，就是咱们写的。这么一个东西啊，然后洗完之后，比如现在我们给它简单来测试一下啊，咱就做一个输出。我来一个console.log啊，我就输入这个F2F2啊F2，然后这里边传个参数，比如参数咱写个八，那他把这个八可以输出，包括上面这个一样的啊，上面这个，比如它是F1。

比如这个值我们叫二，那他把二输出，而这传个八啊，八输出两个效果是一样的啊，这个叫箭头函数，就是把你这些法做了简化，这是参数名称，这是你那个函数体或者说方法体那种。啊，这各位给他知道啊，然后洗完之后咱来测试一下啊，看一下结果。到这里边L12大家看啊，它的值就是二和八啊，就是两个方法都执行了，最终也做了输出啊，这叫箭头函数，各位把这给他知道啊，这种我们后面会一直用的一种写法。然后这个写完之后，因为这个方法稍微简单点，咱再写一个稍微复杂点的这个方法啊，那我们先看一下啊，然后我一次性给它写完，首先大家看啊，这是一个方法，这方法中呢，就加了一个参数，但是你看啊，它的参数中啊是两个参数，然后最终有返回值，而这是一种用普通写法写的，然后这个方法咱们可以进一步简化，就是可以这么简出来，这是参数，这是返回值啊，那咱用它也是来具体来做一下具体操作啊，那我们来写一下啊。

比如说这个为了明显我先注掉啊，然后咱们再进一步测试。我写这个就是第二个，咱写一个就是复杂一点的这么一个方法。于刚才那个只有一个参数啊，那怎么做，比如现在我们来一个Y，我这个叫F3。等于啊，比如咱来一个叫方程，我先写一个原始写法，里面来一个A，来一个B。然后洗完之后，比如最后我给它做个啊，假如大家来一个let，我叫result，等于这个A加上B。然后最后这个result，或者我直接吞这个A加B了啊，直接它A加B。所以这个啊是我们写的就是一个基本的函数，函数中两个参数最终返回就是它们相加啊，这是一个函数，那这个函数咱们来简单调一下啊，来一个log，我写个叫F3里边，比如写个一，还有一个二，最终结果就是一加二的这个结果。

啊，就是这么一个结果。那咱们看一下啊，我们一直行F12。结果是不是就三啊这个啊，一个最基本方法，咱是用传统方式写出来的，这各位要能看懂啊，然后比如现在呢，我想把这方法用这个箭头函数给它做个简化啊，就是箭头函数做个简化，那怎么简化，按照我们刚才学的，咱给它简化一下啊。我来一个Y，比如我叫F4，等于大家看啊，后边写什么呢？参考它DM是不是参数，而这个参数是两个A和B，所以你怎么做呢？在里边又写两个参数，你可以把这个直接复制过来啊，或者说M，其实也可以这么写，加个括号，直接括号不需要加啊，因为它里边就是这么一个值，所以咱们在里边啊，我们给它。

加上这么一个A和B，然后后面加个箭头函数，在箭头函数后面加上它，那个返回结果就是一个叫A加B，这就是箭头函数对它的一个简化啊。包括在我课件中啊，就是还写到这一步，就是可以直接这么写啊，直接做个简化，这是啊咱们这个写法，然后写完之后把这个咱最终也是给他。测试一下啊，这是F4，比如来一个二加二啊，咱换个值。然后最终把这个执行。来看结果啊。结果是不是就是四啊，这个值应该做了输出，所以这是关于箭头函数写法啊，要各位记住啊，它的写法中就是这么一个基本的语法，还就是参数加个箭头函数，后面加上你的函数题啊，这是它一个基本的语法，比如说我们这里边。

这是参数A和B，这就函数体是A加B，所以这些参数部分，这些你最终那个返回值的部分啊。最终我们就是这么来做的，这是关于箭头函数的一个写法啊，各位把这个给大要知道啊，因为咱们在后面的那个前端代码中会一直写到箭头函数，基本上我们都是这么做到的啊，各位给他知道啊。好，这是关于啊ES6的这个写法，所以咱把ES6中这些最基本的语法给大家就做了一个演示。然后就是我强调啊。语法，我这里写这些语法应该都是我们最常见的或者各位必须要掌握的东西啊，比如说最后说一遍啊，Let，生命变量，声明常量结构函数，颜六的写法，包括飘符号的使用，声明对象定义方法，还有这个对象拓展运算符就三个点，以及最后一个叫见头函数啊，这几种写法各位都要给他掌握，然后后面应该都能用到。

啊，所以这个我们就演示完了，关于ES6的基本的语法。啊，当然它有更多，咱演示是最少必要的这些知识。