React18视频教程(讲师:李立超)React视频教程_哔哩哔哩_bilibili
一、JS基础
1.变量的声明
var定义的变量无作用域,在哪里都可以被引用,同时会被提升到顶端,即定义的变量最先执行
2.解构赋值
(1)数组的解构
将数组直接赋值给变量,减少代码
可以用函数的返回值进行赋值
...c指把剩余的元素都赋值给c,只能放在最后
(2)对象的解构
(3)交换变量的位置
3.展开
可以通过...展开一个数组
可以通过...展开一个对象,如果重复定义,如name,则最终结果以最后定义的为主
4.箭头函数
(1)语法
简化函数的写法
格式: ()=> 返回值 //当只有一个参数的时候()可以省略
返回值必须是一个表达式,即有值的语句,如果返回值是对象,对象{}外面要加(),要不然会被当作代码块
如果需要在箭头函数中定义逻辑,可以直接在箭头后跟一个代码块,代码块中语法和普通函数没有区别
(2)特点
箭头函数中没有arguments,可以用剩余参数
箭头函数中没有自己的this,它的this总是外层作用域的this
下面打印出来的都是window
下面打印出来的是hello
5.模块化
(1)导入
在网页中导入【默认模块】【指定模块】
(2)导出
6.类
(1)构造函数
可以在类中直接定义属性,但会直接写死
可以通过构造函数来动态创建对象
(2)继承
函数可在子类中重写,这样就不会再调用父类中的函数了
如果想增加属性的输入,需要在构造函数中先调用父类,即super()
(3)静态属性和方法
属性和方法前添加static,后面可以通过类名调用属性和方法
7.数组方法
(1)map()
可以对数组中的数据进行统一的处理
有三个参数,分别是当前元素、当前元素的索引、当前数组
(2)filter()和find()
可以从数组中筛选符合条件的元素,分别返回所有的值和第一个值
(3)reduce()
可以用来合并数组中的元素