Vue3阶段前置知识

目录

1.数组元素操作

2.对象的操作

3.变量和常量

4.模版字符串

4.1模版和普通的比较

4.2优点一的对比

4.3优点二的对比

5.对象的取值

5.1两个取值方法

5.2对象的简写

6.解构赋值

6.1数组的解构

6.2对象的解构

6.3二重解构

7.箭头函数

7.1函数总结

7.2三个特性

7.3一个应用


1.数组元素操作

push向这个数组里面添加新的元素;

log是进行这个数组内容的打印;

shift删除的就是这个数组里面的第一个元素;

2.对象的操作

opt是一个对象;

opt.birth是对于这个对象的属性进行添加;

opt.age是对于这个对象里面的属性值进行修改;

3.变量和常量

使用let这个关键字进行变量的定义,使用const这个关键字进行常量的定义;

4.模版字符串

4.1模版和普通的比较

我们普通的字符串就是使用的这个双引号进行表示的,但是这个模版字符串使用的就是反引号进行表示的;

4.2优点一的对比

模版的好处之一就是支持换行,即在下面的这个情况下,我们的普通的字符串换行的时候就会报错,但是我们的模版字符串不会;

换行之后,我们的这个整体的布局就可以自由的被我们进行控制和操作;

4.3优点二的对比

就是可以进行这个表达式的嵌入,我们的变量也是表达式,表达式进行嵌入的时候需要加上这个${}其中这个括号里面就是我们嵌入的这个表达式的名字;

下面的这个是嵌入了三个表达式,一个是我们的name,一个就是age变量,还有一个就是我们的三目表达式;

但是对于这个普通的表达式,想要达到这个效果,就必须要使用这个+进行字符串的拼接,相比之下这个表达式的嵌入就很有优势;

5.对象的取值

5.1两个取值方法

我们支持点取值和括号取值两个方式,一般情况下两个都是通用的,但是当我们的属性的名字是字符串的时候,我们只可以使用中括号进行这个取值,不可以使用点取值;

5.2对象的简写

当我们的对象的属性的名字和这个属性对应的值的名字是一样的,这个时候我们可以进行这个对象的简写,这个情景经常结合我们的变量进行使用;

6.解构赋值

6.1数组的解构

数组的解构就是把我们的数组里面的元素分隔开,可以进行一次性的赋值;

6.2对象的解构

对象的结构实际上是进行了这个对象的简写,就是因为我们的对象的属性和对应的属性值的姓名是一样的,我在这个代码里面也是把这个不省略的情景写了出来,在这个场景之下,我们的属性和属性值的名字就是一样的;

在进行赋值的时候,如果我们的系统在这个大括号里面找到了这个属性值,就会把我们的对象里面的这个内容赋值给这个对应的属性值,因此这个对象主要就是要找到属性,因此这个顺序是可以变换的,这个也是和上面的数组的一个区别,数组里面的这个顺序是不可以变化的,否则这个赋值的时候就会出现问题;

下面的这个就是部分进行赋值,这个时候还是和我们的数组一样,就是把这个需要赋值的写出来,不需要的就不用写,同理这个剩余的多个变量进行赋值的时候也是使用的rest和三个点的方法;

当这个属性值的名字和属性不相同的时候,我们就不可以进行简写,而是需要把这个属性和属性值全部写出来,下面也有一个案例;

6.3二重解构

就是当我们的对象里面嵌套了一个数组的时候,我们想要对于这个数组里面的属性进行赋值的操作,这个时候,我们就需要进行二重的析构:即先解构一次把这个数组搞出来,在按照上面的这个方法进行数组的解构;

7.箭头函数

7.1函数总结

箭头函数是对于之前的函数的简化

7.2三个特性

当我们的参数只有一个的时候,可以省略这个括号,就是我们的这个arg就是这个函数的参数,因为只有一个,这个括号我们可以省略,也可以不省略;

第二个特性就是我们的这个函数体只有一句话的时候,我们可以省略这个大括号,而且这个时候会自动进行返回,不需要我们自己去写这个返回值;

第三个就是这个返回值如果是一个对象,这个时候我们的这个对象就是这个函数的返回值,我们为了防止误解,这个时候我们在这个大括号的外面加上小括号,告诉这个系统我们的这个大括号里面的这个内容就是我们要返回的全部分内容,否则这个解释器就会认为我们的这个大括号就是这个函数提的这个大括号,加上小括号之后就是明确的告诉这个解释器我们的这个括号里面的所有的内容就是我们的函数返回值;

7.3一个应用

这个里面的这个settimeout函数就是利用这个时间延迟进行这个数据的打印,我们原来可能需要调用这个func这个函数,现在可以使用我们的箭头函数进行替代即可;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值