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

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

相关推荐
Autumn_ing9 小时前
Design.md生成UI怎么验收?举例运营后台的颜色、状态和数据核对
前端·ui·ai·设计系统·paico·ai生成ui·design.md
我是伪码农9 小时前
百蝶杯学习
学习
keyipatience10 小时前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
hanlin0310 小时前
刷题笔记:力扣第32题-最长有效括号
笔记·算法·leetcode
朱涛的自习室10 小时前
我给 Gemini 4 和 DeepSeek 搞了套「末位淘汰」,AI 干活会更猛吗?(Day 3)
android·前端·后端
xian_wwq12 小时前
【学习笔记】Milvus 如何完成一次向量相似度检索,Milvus 索引到底应该怎么选?-15
笔记·学习·milvus
Hhuhkt12 小时前
3D 云养宠小游戏
学习
java1234_小锋13 小时前
【技术专题】HTML5 网页技术 - HTML5简介 & HTML5 文档结构
前端·html·html5
鶴哥只手遮天13 小时前
Vue 3 核心源码深度剖析系列(v3.5.44)-第 1 章 项目全景:monorepo 架构与工程化体系
前端·vue.js·开源
流星。。方13 小时前
小团队官网SEO落地:前端语义化与静态生成的工程实践
前端·状态模式