在学习 React 之前,先掌握 JavaScript 基础知识。
在学习 React 之前,你必须具备一些 JavaScript 概念。
在学习 React 之前,你必须具备一些 JavaScript 概念。
- let、var 和 const
- 函数和箭头函数回调
- 高阶函数
- 班级
- 解构数组和对象
- 进出口
- HTML 和 CSS 基础知识
别担心,我会详细解释给你听。
let、var 和 const
let、var 和 const 都只是变量声明方式。let 和 const 是在 ES6 中引入的。
在此之前,我们通常使用 var 来声明变量。使用 var 和 let 各有优势。var
用于函数作用域,而 let 用于块作用域。
块作用域只能在 `this { }` 内部执行,不能在作用域外调用变量。var 用于函数作用域,类似于全局变量,可以在任何地方调用。const 的用法与 let 类似,但 const 只能用于常量值、数组和对象。
函数和箭头函数
使用函数是为了避免重复自己(DRY)。你可以像这样声明一个函数。
function add(a,b)
{
return a + b
}
什么是箭头函数?箭头函数是 ES6 中引入的一种新的函数声明方式。你可以像这样轻松地将上面的函数转换为箭头函数。
const add = (a,b) => { a + b} ;
很短吧?
打回来
回调函数?是不是有点绕?😅 别担心,我会用简单易懂的方式解释。
回调函数是指作为参数传递给另一个函数的函数,它会在外部函数内部被调用,以完成某些例程或操作。参见示例。
setTimeout( function name(){
console.log("This is zaw");
},1000)
高阶函数
高阶函数是指接受其他函数作为参数或返回函数作为结果的函数。一些常见的高阶函数包括 map、filter、reduce 等。这里我就不详细讲解了,网上有很多相关的文章,你可以自行搜索阅读。
链接
解构数组和对象
解构是将价值拆分成碎片。
var array = [ one = 1,two = 2,three = 3,four = 4];
var [one,two,three,four] = array;
console.log(one);//you will get 1
console.log(two);//2
对对象进行解构
const Obj = { name:"Zaw",age:21,gender:"male"};
const {name,age,gender} = Obj;
console.log(name); //Zaw
console.log(age);
进口和出口。
import 用于调用已存在的包。
import React from {React} .
export 用于导出您自己编写的包,您可以在需要时使用 import 调用它。
export package;