React.js调用super的问题总结

最新推荐文章于 2024-05-07 11:00:50 发布
最新推荐文章于 2024-05-07 11:00:50 发布
阅读量950 收藏 1
点赞数
分类专栏： IT 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaozhiyi/article/details/80803270
版权
在ES6中，在子类的 constructor 中必须先调用 super 才能引用 this
  1. super(props)的目的：在constructor中可以使用this.props
对比es5和es6可以发现在es5实现继承，在es5中实现继承:
  1. 首先得先调用函数的call方法把父类的属性给继承过来
  2. 通过new关键字继承父类原型的对象上的方法和属性
  3. 最后再通过手动指定constructor属性指向子类对象
而在es6中实现继承，直接调用super(name)，就可以直接继承父类的属性和方法，所以super作用就相当于上述的实现继承的步骤，不过es6提供了super语法糖，简单化了继承的实现

Hi_崔崔
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
React.js搜索框文字筛选实例
06-24
React.js是Facebook开发的一个用于构建用户界面的JavaScript库，以其组件化、虚拟DOM和高性能著称。在开发过程中，搜索框是一个常见且重要的元素，它允许用户通过输入关键词快速查找和过滤数据。 首先，我们需要...
React.Js添加与删除onScroll事件的方法详解
10-19
在React.js中，处理`onScroll`事件对于创建交互式用户界面至关重要。`onScroll`事件允许我们监听元素或整个窗口的滚动行为，并根据滚动位置执行相应的操作。本文将详细讲解如何在React中添加和删除`onScroll`事件。 ...
react 中的 super(props) 作用
m0_37557930的博客
04-28 3503
1、constructor() 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。 2、super() 在class方法中，继承是使用 extends 关键字来实现的。子类必须在 constructor( ) 调用 super() 方法，否则新建实例时会报错。报错的原因是：子类是没有自己的 this 对象的，它只能继承自父类的 this 对象，然后对其进行加工，而 super()..
关于React中的super（）方法
半朵梨花压海棠
12-15 2844
首先了解一下super的用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
js中super关键字的使用
最新发布
qq_33039355的博客
05-07 236
将super调用置于this之前,可以正常运行,上看是再有constructor方法的时候,那么,如果没有constructor那有如何呢?上面的super对方法的调用时普通方法,那如果super调用的是静态方法呢?super.name指向的是原型对象上的name,但是绑定的this还是当前的son对象,所以上面的代码,要先调用super,然后在对this进行操作.我们修改一下代码。只要在对象的方法上通过super调用原型的方法,this指向当前的子类实例。我们再来改造一下上面的对象。
React（2） --super关键字
weixin_30872733的博客
12-09 117
参考：http://www.phonegap100.com/thread-4911-1-1.html Es6中的super可以用在类的继承中，super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得...
react中super()的理解
zhengzhengwang的专栏
08-20 1128
es6 class(类) 方法创建组件 1 // 构造函数 会 默认生成 一个原型对象 2 function Person(name,) { 3 this.name = name; 4 } 5 console.log(Person); // 构造函数本身 6 console.log(Person.prototype） // 指向原型对象 7 console.log(Pers
React中Super
a98709473的博客
08-12 491
React中Super
BookSearch:React.js搜索应用
05-08
React.js，作为Facebook推出的JavaScript库，已经成为现代Web开发中最受欢迎的前端框架之一。它的核心理念是组件化，通过将UI拆分成可重用的独立组件，使得代码更加模块化，易于维护。在这个“BookSearch”项目中，...
ReactNative-JS 调用原生方法实例代码
11-23
在 ReactNative 中，JavaScript 与原生代码交互是通过桥接机制完成的，这个过程涉及到 JS 和 Native 之间的通信。在提供的实例中，我们将深入理解如何从 JavaScript 调用 Android 的原生方法。 首先，我们需要创建...
react.js 父子组件数据绑定实时通讯的示例代码
10-19
总结起来，React.js中父子组件的实时通讯是通过props来实现的。父组件通过修改自身的状态，然后将新状态的值通过props传递给子组件，子组件根据接收到的新props值进行更新，达到实时通讯的效果。在这个过程中，React...
react 类组件的super（）与super（props）
weixin_45868552的博客
04-15 1200
1、super() : （1）在calss中继承是通过extends关键字来实现的。子类必须在constructor（）中调用super()方法，否则新建实例时会报错 （2）报错原因，是因为子类是没有自己的this对象的，它只能继承父类的this对象，然后对其进行加工，而super就是将父类中的this对象继承给子类，没有super，子类就得不到this对象 2、ES5与ES6关于继承的实现不同之处 （1）new操作符： （1）首先生成一个空对象obj，并将其作为this （2）将空对象的__prot
react 中的 super super(props)
qq_21087199的博客
08-30 368
** react 中的 super super(props) ** 1 constructor() ---- super（）的基本含义 constructor () — 构造方法 这是es6对类的默认方法，通过new 命令 生成对象实例时自动调用该方法，并且，该方法是类中必须有的，如果没有显示定义，则默认添加空的 constructor() 方法 super() ----- 继承 在class方法中，继承是使用 extends 关键字来实现的。子类 必须 在 constructor( )调用 supe
react中constructor( )和super( )的具体含义以及如何使用
热门推荐
江木
02-08 2万+
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法        这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的
react super理解
1234567~~
02-20 1019
最近在看react的文档，发现react的逻辑都是以component为基础的。 比如： class Clock extends React.Component { constructor(props){ super(props); console.log(this); } } 在es6中class的继承是通过extends关键字实现的。c...
React——为什么我们要写super(props)
z372574152的博客
05-04 643
本文总结自Dans的博客。 在编写react类组件的过程中，下面constructor中的代码我们应该已经见过无数次，但是却没有思考过为何必须这么去写： class Example extends Component { constructor(props) { super(props); this.state = {}; } } 在出现类属...
js多层继承 super方法
小图的专栏
07-26 5048
继承的时候我们需要调用父类的同名方法，这里面提供了一个简单的实现方式，供大家一起参考。 _gs_super 方法是扩展与最顶层父类的原型链上。 RootView.prototype._gs_super = function() { var caller = arguments.callee.caller; var scope = null;
React中super(props)和super()以及不写super()的区别
weixin_30872337的博客
03-12 306
一.constructor()和super()的基本含义 constructor() —— 构造方法 这是ES6对类的默认方法，通过new命令生成对象实例自动调用的方法。并且，该方法是类中必须要有的，如果没有显示定义，则会默认添加空的constructor()方法。 super() —— 继承 在class方法中，继承是使用extends关键字来实现继承的。子类必须在constructor()中调...
ReactNative调用OC原生
zzy的博客
03-07 2781
这段时间研究了一下ReactNative调用原生OC的功能，在网上查了些资料，不过感觉还不是很完整，所以在这里把所有流程写下来，供大家参考 step1：要想RN调用原生，必须先从终端下载一个RN的简单模板，方法就不在这里说说，具体的看RN官网 step2: 在进入下载完成的文件 里面iOS文件里就是可以用xcode打开，App.js文件就是RN里面的内容 step3： 打...
react 前台 调用打印机 打印pdf流
05-05
要在 React 前端调用打印机打印 PDF 流，你可以使用 `react-to-print` 库来实现。 首先，你需要在 React 组件中引入 `react-to-print` 库： ```javascript import ReactToPrint from "react-to-print"; ``` 然后...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值