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

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

相关推荐
毕设源码-赖学姐1 分钟前
【开题答辩全过程】以 基于WEB的实验室开放式管理系统的设计与实现为例,包含答辩的问题和答案
前端
幻云20104 分钟前
Python深度学习:从筑基到登仙
前端·javascript·vue.js·人工智能·python
峰顶听歌的鲸鱼5 分钟前
Kubernetes介绍和部署
运维·笔记·云原生·容器·kubernetes·学习方法
枷锁—sha23 分钟前
【PortSwigger Academy】SQL 注入绕过登录 (Login Bypass)
数据库·sql·学习·安全·网络安全
魔芋红茶1 小时前
Spring Security 学习笔记 2:架构
笔记·学习·spring
Lips6112 小时前
2026.1.20力扣刷题笔记
笔记·算法·leetcode
我即将远走丶或许也能高飞2 小时前
vuex 和 pinia 的学习使用
开发语言·前端·javascript
钟离墨笺2 小时前
Go语言--2go基础-->基本数据类型
开发语言·前端·后端·golang
爱吃泡芙的小白白2 小时前
Vue 3 核心原理与实战:从响应式到企业级应用
前端·javascript·vue.js
Hammer_Hans3 小时前
DFT笔记20
笔记