学react.js之前要学什么


本文摘自PHP中文网,作者(*-*)浩,侵删。

学reactjs之前要学JavaScript基础知识,因为React是一个用于构建用户界面的JavaScript库,其中大部分是JavaScript ES6及其特性和语法,还包括三元运算符、简化的语法、this对象、JavaScript内置函数等等。

我在给别人介绍 React 的过程中得出这样的一个结论:React 完全是关于 JavaScript 的。而且,有很多材料是关于 JavaScript 而不是 React。

其中大部分是 JavaScript ES6 及其特性和语法,还包括三元运算符、简化的语法、this 对象、JavaScript 内置函数(map、reduce、filter)或更一般的概念,如可组合性、可重用性、不变性或高阶函数。在刚开始接触 React 之前,你可能不需要掌握这些基础知识,但在学习或实践过程中肯定需要用到它们。

React 和 JavaScript 类

关于 React 类组件,需要用到有关 JavaScript 类的先验知识。JavaScript 类的概念相对较新。之前,只有 JavaScript 的原型链可用于实现继承。JavaScript 类以原型继承为基础,让继承体系变得更简单。

定义 React 组件的一种方法是使用 JavaScript 类。

1

2

3

4

5

6

7

8

9

10

11

class Developer {

 constructor(firstname, lastname) {

   this.firstname = firstname;

   this.lastname = lastname;

 }

 getName() {

   return this.firstname + ' ' + this.lastname;

 }

}

var me = new Developer('Robin', 'Wieruch');

console.log(me.getName());

一个类描述了一个实体,用于创建实体的实例。在使用 new 语句创建类的实例时,会调用这个类的构造函数。类的属性通常位于构造函数中。此外,类方法(例如 getName())用于读取(或写入)实例的数据。类的实例在类中使用 this 对象来表示,但在外部,仅指定给 JavaScript 变量。

在面向对象编程中,类通常用来实现继承。在 JavaScript 中也一样,extends 语句可用于让一个类继承另一个类。一个子类通过 extends 语句继承了一个父类的所有功能,还可以添加自己的功能。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

class Developer {

 constructor(firstname, lastname) {

   this.firstname = firstname;

   this.lastname = lastname;

 }

 getName() {

   return this.firstname + ' ' + this.lastname;

 }

}

class ReactDeveloper extends Developer {

 getJob() {

   return 'React Developer';

 }

}

var me = new ReactDeveloper('Robin', 'Wieruch');

console.log(me.getName());

console.log(me.getJob());

以上就是学react.js之前要学什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

react高阶组件(装饰器)的介绍(代码示例)

react的setsate的异步问题的分析

使用rxjs管理react应用状态的介绍

react.js之前要学什么

vue框架和react框架的区别是什么

彻底理解css中视觉格式化模型(附示例)

css中display: inline-block的用法解析

react中的ref是什么

vue.js与react.js区别是什么

浅析typescript和react中使用ref的方法

更多相关阅读请进入《react.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...