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 分钟前
JavaScript 设计模式--单例模式
前端·javascript·代码规范
一大树29 分钟前
Vue3 开发必备:20 个实用技巧
前端·vue.js
颜渊呐34 分钟前
uniapp中APPwebview与网页的双向通信
前端·uni-app
10年前端老司机1 小时前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星1 小时前
vue实现微信聊天emoji表情
前端·javascript
停止重构1 小时前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚1 小时前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin1 小时前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
lichenyang4531 小时前
React项目(移动app)
前端
用户61848240219511 小时前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端