学习ES6的第一天day02

最新推荐文章于 2025-12-21 22:01:43 发布

原创最新推荐文章于 2025-12-21 22:01:43 发布 · 455 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #es6 #前端

本文介绍了ES6在Vue3微信小程序中的应用，涉及箭头函数的特点、null转换、数组和对象操作（filter,find,深度拷贝等），并分享了作业中遇到的问题和解决方法。

学习ES6的第一天day02

一、课堂中的重点
二、课堂中提到一些重点以及不知道的知识点
三、作业中遇到的问题（讲解的昨天作业和今日作业中遇到的）

一、课堂中的重点

vue3 微信小程序

箭头函数的特点
箭头函数当参数只有一个可以省略小括号
箭头函数当函数返回值只有一条语句，可以省略return和{}
箭头函数没有arguments内置对象
箭头函数不能写构造函数
箭头函数没有prototype原型对象
箭头函数的this不能改变，call和apply能调用箭头函数
箭头函数的this指向父作用域（定义它的地方）
对象深拷⻉（同下）

二、课堂中提到一些重点以及不知道的知识点

null会隐式转换成0
…item 扩展运算符
===还判断类型
|| 相当于if
？？除了null和undefined会执行后面其他都执行前面传过去的参数
删除对象中的属性 delete
delete obj.age
for in只能拷贝一层
箭头函数和普通函数的区别是什么？（同特点）
箭头函数当参数只有一个可以省略小括号
箭头函数当函数返回值只有一条语句，可以省略return和{}
箭头函数没有arguments内置对象
箭头函数不能写构造函数
箭头函数没有prototype原型对象
箭头函数的this不能改变，call和apply能调用箭头函数
箭头函数的this指向父作用域（定义它的地方）
对象深拷贝+数组深拷贝几种方式整理
对象1、Object.assign
2、for in
3、JSOn.stringify和JSON.parse()暴力转换
4、扩展运算符
5、循环递归
数组1、JSON.parse()和JSON.stringify()
2、使用Array.from()
3、扩展运算符
4、使用Array.map()
5、contact()
6、splice()

三、作业中遇到的问题（讲解的昨天作业和今日作业中遇到的）

    const list = [
       { id: 3, name: "张三丰" },
       { id: 5, name: "张无忌" },
       { id: 13, name: "杨逍" },
       { id: 33, name: "殷天正" },
       { id: 12, name: "赵敏" },
       { id: 97, name: "周芷若" },
   ];                  //数组内置对象
   var arr2 = list.filter(function(item,index) {
       return item.name.includes('天')
   })
   var arr3 = list.find(function(item,index) {
       return item.name==='周芷若'
   })
   console.log(arr2);
       console.log(arr3);
   console.log(arr3.id);
   console.log(arr2[0].name); //可以选中数组中的对象再.属性