本文摘自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 |
|
一个类描述了一个实体,用于创建实体的实例。在使用 new 语句创建类的实例时,会调用这个类的构造函数。类的属性通常位于构造函数中。此外,类方法(例如 getName())用于读取(或写入)实例的数据。类的实例在类中使用 this 对象来表示,但在外部,仅指定给 JavaScript 变量。
在面向对象编程中,类通常用来实现继承。在 JavaScript 中也一样,extends 语句可用于让一个类继承另一个类。一个子类通过 extends 语句继承了一个父类的所有功能,还可以添加自己的功能。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
以上就是学react.js之前要学什么的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css中display: inline-block的用法解析
更多相关阅读请进入《react.js》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者