javascripts中的call和super有什么区别
时间: 2023-06-02 15:07:56 浏览: 72
在 JavaScript 中,call() 和 super() 都可以用来实现对基类构造函数的调用,但是它们有一些不同的用法和作用。
call() 方法允许您在当前上下文中使用另一个对象上的函数。您可以为该函数指定一个新的 this 对象,并传递一个由逗号分隔的参数列表。它通常用于实现继承,并允许您将一个对象的方法应用于另一个对象。
super() 方法用于调用父类的同名方法。它只能在类的内部函数中使用,并且用于访问父类的属性或方法。它通常用于继承和扩展类。
总之,call() 允许您在当前对象上使用另一个函数,而 super() 只能在类的内部使用,并且用于调用父类的方法。
相关问题
class类中的super
在class类中,super关键字有两种用法:
1. 在子类的构造函数中使用super(),表示调用父类的构造函数。这样可以继承父类的属性和方法,并且可以在子类中添加自己的属性和方法。在这种情况下,super()相当于父类的构造函数A.prototype.constructor.call(this)。
范例:
```javascript
class A {
constructor() {
this.x = 1;
}
}
class B extends A {
constructor() {
super(); // 调用父类的构造函数
console.log(this.x); // 输出:1
}
}
let b = new B();
```
2. 在子类的普通方法中使用super,表示调用父类的方法。在这种情况下,super内部的this指向当前的子类实例,所以如果通过super对某个属性进行赋值,这时super就是this,赋值的属性会变成子类实例的属性。
范例:
```javascript
class A {
constructor() {
this.x = 1;
}
}
class B extends A {
constructor() {
super();
this.x = 2;
super.x = 3; // super.x 等同于 this.x
console.log(super.x); // 输出:undefined (super.x 等同于 A.prototype.x)
console.log(this.x); // 输出:3
}
}
let b = new B();
```
js中class类的super原理
在 JavaScript 中,当我们使用 `class` 定义一个类时,该类会自动继承自 `Object` 类,并且可以通过 `extends` 关键字继承其他类。当我们使用 `super` 关键字时,实际上是在调用父类的构造函数或方法。
在 ES6 之前,我们可以使用 `Object.getPrototypeOf` 方法获取一个对象的原型,然后使用 `call` 或 `apply` 方法调用父类的方法。而在 ES6 中,我们可以直接使用 `super` 关键字来调用父类的构造函数或方法,而不需要手动获取原型对象。
当我们使用 `super` 关键字调用父类的构造函数时,实际上是在调用父类的 `constructor` 方法,并且会自动传递当前实例的上下文。当我们使用 `super` 关键字调用父类的方法时,实际上是在调用父类原型链上的对应方法,并且会自动绑定当前实例的上下文。
总之,`super` 关键字的原理就是在继承链上调用父类的方法,并且自动绑定当前实例的上下文。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)