React学习笔记01-----JS基础知识

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()

可以用来合并数组中的元素

相关推荐
程序员黑豆15 分钟前
鸿蒙应用开发 @Builder 使用教程:从入门到精通
前端·harmonyos
CCYe、24 分钟前
限流与配额:企业AI网关的工程实践
前端·人工智能
看谷秀31 分钟前
arkts- 6 手势/沉浸式/深浅色/性能/组件补充/访问/js交互/通知/Native交互
前端·arkts
划船不慎掉水顺便摸鱼34 分钟前
TipTap 不是编辑器,是编辑器构造器:ProseMirror 模型驱动的富文本架构
前端
小高00740 分钟前
🔥🔥🔥TypeScript 7 正式版来了:别只看 10 倍速度,这 4 个迁移坑更值得注意
前端·javascript·面试
凉茶社43 分钟前
shadcn/ui 默认改用 Base UI,Radix 被放弃了吗?
前端
Vuji1 小时前
ReAct 与 Plan-Execute:两种 Agent 范式的实战对比
前端·agent
用户61595868000221 小时前
从零原生搭建一个微前端简易框架
前端
小月土星1 小时前
React + TypeScript 企业级开发实战:从类型约束到组件设计
前端
沙洲1 小时前
Vite 环境变量终极指南:从原理到企业级实战
前端