00:00
刚才呢,咱们完成了模板字符串的讲解,那下面呢,我们继续来看,下面咱们看一下在六中怎么进行方法的简写,咱们看这个什么内容,那这里边我在代码中咱们直接看下效果。首先我创建一个新的文件,第五个文件方法的简写。把代码我们先快速生成出来。生成之后在里边写我们的代码,那代码怎么做呢?给各位说明啊,大家注意啊,我们在Java代码编写的时候,比如咱就以这个teacher为例,各位看啊,Teacher是不是一个类啊,然后在类里边有什么,是不是有它的属性,还有它的方法,只是方法咱加了data注解,其实有它那个get和塞的方法,一个类里有属性是有方法,而我们现在在JS里边也能够写出类似这个效果,那咱来写一下,看怎么来做啊。
01:01
比如现在我在里边就是定义这么一个。对象,包括里边有属性和方法,就是JS中一种写法,跟Java中类似,那我写一下啊,首先我来一个叫constant,或者叫light都可以,再来一个constant,然后起个名字,我叫person,等于一个大括号。各位注意啊,这些吧,就类似于在Java中第一个类person,然后在里边呢,可以定义你的属性,包括可以定义我们的方法。都可以定义,那现在比如说我写个属性怎么写,前面加上你属性名称,比如说啊,我的名字就叫name,这是名称,后面加上你的值,这个值比如说我叫Lucy,这是我们属性定义,当然可以有多个,在为例下面可以加方法,方法怎么做,在里边不需要写方式,咱直接写上方法的名称,包括方法里边的具体的方法体部分。
02:06
比如说我写个方法,我跟课件中保持一致啊,课件中我叫这个C亥就说你好。C,然后在里边方法定义加上那种内容呢,我就做一个输出console.log输出这个值,比如就是这个。嗨啊,这个值,所以现在这个就完成了,定义了属性和方法,最后我们要做一下调用和获取,因为你不调用方法不能执行,不获取值肯定取不到,比如第一个我想把name只取到,怎么取?各位同学应该都知道啊,用person点上name,把值是不是取到咱家,给他赋个值,我叫NAME1。这个咱们最后做个输出console.log任务一,然后第二个是个方法,方法的话我们用person点上c hi调用这个方法,因为它是方法嘛,所以咱们就会调用。
03:04
前面是取属性中的值,下面是调用方法。这个我把注释写的详细点。获取属性的值,所以以上就是咱们说的方法的简写过程。里边这个做法,各位把这个记住啊,后面咱们前端经常看到这种写法。然后完成之后,最后我们测试看一下最终结果。F12点开大家看一下啊,指出来了,Lucy hi,是不是都有了?这是我们完成的这么一个内容,各位把刚才写这个代码好好去看一看,后面项目中基本上都会涉及到这种写法。这个咱就说这里。然后这个之后我们继续再往下看啊,最后还有两个内容,一个叫对象拓展预算符,一个叫检测函数,咱们先说这个对象拓展运算符特点,这什么意思呢?大家看一下啊,它的写法就是括号里边加上三个点,它做的是什么,做一个对象的拷贝或者复制。
04:08
比如咱看这例子啊,它就表示把PERSON1中的值复制到someone里面去,最终someone里面同样有这个name和A这个值,做一个对象的拷贝或者对象的复制,那咱们下面来看这个内容。通过代码我们做个实现,创建第六个文件对象,拓展运算符。创建出来。在里边加上块标签。然后加上之后我们写代码,首先第一个我先创建一个对象,咱们来一个light,或者说比如我叫。等于咱们这个值,这个值我从课件中复制了,就这个啊,Name和age这个值咱们拿过来,然后拿回来之后,下面我再创一个,来一个light,这个我们就叫这个,呃。
05:05
等于这个值。比如现在我想把person里面的值复制到3万种,那怎么做?注意我的写法啊,加上大括号三个点,加上person,这就表示把person中的内容复制到someone中去。最后咱们做个输出,看一下这个效果,Console log。3Y,所以现在这个就完成了,对象拓展运算符,最后执行,看一下最后结果。大家看啊,这里边的结果,比如再重新刷新一下,你看结果里边name age值是不是都有了证明在这复制就完成了,所以以上是咱说的这个内容对象拓展预算符啊,大家把这记住。然后这个之后呢,我们在E6中,咱们讲的语法中还有最后一个啊,但是我要说明啊,其实ES6的语法呢,不仅是我们讲的这么少,咱们讲这些是为了满足后面项目使用的,在实际中肯定有更多语法,但是这些足够咱们后面项目中用了,所以咱再说最后一个,也是一个最重点东西叫箭头函数。
06:17
那咱们看最后这个内容,我们直接写下啊,在里边把文件同样最后创建第七个。箭头函数。加上代码。加上Q标签,然后箭头函数什么意思呢?给各位说明啊,就各位知道,在Java里边的JAVA8中有一个特性叫拉姆的表达式,箭头函数的作用跟拉姆表达式是类似的,为了简化咱们函数的定义或者方法的编写作用是类似的。那箭头函数怎么做?给各位演示两个基本效果,咱们看一下它是怎么样的。比如现在啊,我这么来做,我先定义这么一个方法。
07:04
或者说一个函数,那我写上一个啊,方程或者加这么写都一样啊,来个 Yf1等于方式。然后在方程里边传个参数,咱传个A,最终我就re退一个A,这是一个最基本函数,函数名称是F1,然后它最终return是A,就是你的参数的值,这是一种基本定义,那这个定义之后,咱最后我要做个调用console.log我们用F1里边传个值,比如传个十,他把十这个值最终会进行输出。咱们看这个结果。F12点开。大家看实数数说这是一种最简单写法,而咱现在可以把这个函数用这个箭头函数做一个简化,那咱看怎么来做啊,给各位写一下。用箭头函数简化,我们的做法就是Y比叫F11。
08:03
注意它的写法,这写法中有一个基本的过程,首先第一步复制参数里边的部分,就是把这个复制第二步写死一个右键头。注意这是写死的,然后后面加上你的方法体部分,因为方法体就是铝吞A,所以加个A就可以了,这是它的一个写法,而在写的过程中,因为你参数只有一个,所以这括号可以省略,如果说你没有参数,那我写的就是加上一个括号。就这个意思啊,你看啊,我现在没有参数,比如存一个一,那这里边就加个括号,如果里边你有参数。咱给它还原回来啊,有参数,那我加上一个参数,这参数一个参数可以加括号也可以不加,都可以,就是把这个做了简化,最终用箭头函数就变成这个样子,然后最后我们做一个输出,看一下效果。
09:01
这个是F11。这个值咱们写个20。然后最终看一下效果。20是不是输出了这样的话啊,咱们就做了一个简化,这是一种最基本写法。那比如说啊,咱可以再写一个啊,我写这么一个两个参数的,就跟他写法基本类似。那我再写个二。比如现在我这么来做。我定义一个方法叫F2里边两个参数和BA瑞T加BA,把这个再做简化,这各位你要会写了。 Yf21。等于什么?复制参数的小括号部分,这加上,然后在里边加上右键头,再加上你的方法体部分,这样的话就完成了,最后咱们同样做个调用。F21。我输入两个参数,一个一一个二,最终把两值会相加,结果输出看一下结果。
10:04
结果是不是就三这样的话就可以了啊,所以以上就是咱说的箭头函数的写法,后面咱们进行阿贾克斯调用过程中会用到这种写法,你把这个要记住。所以说以上呢,咱就把这个ES6中这些最基础的语法给各位就都说完了,大家把我讲这些给他要牢牢记住,为了咱后面项目中对代码更好去理解,这个说到这里最后啊,快速重复一遍,刚才讲这个内容大家记住就是第一个。ES6里边这个语法部分啊,首先第一个大家掌握ES6中怎么定义变量,咱用的是这个let定义,包括light里边两个特点,第一个有作用范围,第二个不能重复定义。然后第二部分就是定义你的这个常量或者固定值,用这个叫cost。
11:01
进行定义,然后count里边第一个特点不能改变,第二个必须要进行初始化,就必须有值,没有值它也不对,这记住,然后除了这个之外,咱又讲到了里边的第三部分。第三部分呢,我们讲到的是什么呢?就是里边有一个叫解构赋值,就是怎么取值,怎么赋值这个过程啊,叫解构赋值,刚才都提到了。然后除了这个之外,我们刚才还讲到第四个,一个重点叫模板字符串,也就是这个飘的符号里边能取到变量常量的值,另外还可以调用方法,这个记住,然后这个之后我们又讲到那个方法的简写方式,就是第五个。方法的简写,再一个类里边,我可以定义属性,包括方法,然后渠道使用的值,包括调用方法。第五个内容,第六个咱提到这个叫对象拓展运算符,它表示把你对象能进行复制,一个对象中的值复制到另一个对象中去,最后一个叫箭头函数。
12:12
监督函数对于方法定义的一种简写方式,用它简化方法的定义,所以以上是咱们提到的ES6中的技术语法,咱们主要说的就是这几个内容。
我来说两句