发布于 2026-01-05 0 阅读
0

学习 React 之前,你需要掌握一些 JavaScript 基础知识。

在学习 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
} 
Enter fullscreen mode Exit fullscreen mode

什么是箭头函数?箭头函数是 ES6 中引入的一种新的函数声明方式。你可以像这样轻松地将上面的函数转换为箭头函数。

   const add = (a,b) => { a + b} ;
Enter fullscreen mode Exit fullscreen mode

很短吧?

打回来

回调函数?是不是有点绕?😅 别担心,我会用简单易懂的方式解释。
回调函数是指作为参数传递给另一个函数的函数,它会在外部函数内部被调用,以完成某些例程或操作。参见示例。

  setTimeout( function name(){
             console.log("This is zaw");
             },1000) 
Enter fullscreen mode Exit fullscreen mode

高阶函数

高阶函数是指接受其他函数作为参数或返回函数作为结果的函数。一些常见的高阶函数包括 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
Enter fullscreen mode Exit fullscreen mode

对对象进行解构

const Obj = { name:"Zaw",age:21,gender:"male"};
const {name,age,gender} = Obj;
console.log(name); //Zaw
console.log(age);
Enter fullscreen mode Exit fullscreen mode

进口和出口。

import 用于调用已存在的包。

 import React from {React} .
Enter fullscreen mode Exit fullscreen mode

export 用于导出您自己编写的包,您可以在需要时使用 import 调用它。

  export package;
Enter fullscreen mode Exit fullscreen mode

感谢阅读,希望对您有所帮助。请留下您的反馈意见。本文系我根据自身经验撰写,如有任何错误,欢迎在推特上私信我:hareom284

文章来源:https://dev.to/hareom284/javascript-fundamentals-before-learning-react-1mkl