JavaScriptES6对象的super关键字

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/c__dreamer/article/details/81627923

我们知道,this关键字总是指向函数所在的当前对象,ES6又新增了另一个类似的关键字super,指向当前对象的原型对象。

const proto = {
     foo : "hello",
};
const obj = {
     foo : "world",
     find(){
         console.log(this.foo);
    },
    finds(){
         console.log(super.foo);
     }
};
Object.setPrototypeOf(obj,proto);
obj.find(); //wprld
obj.finds();    //hello

注意:super关键字表示原型对象时,只能用在对象的简洁形式的方法之中,用在其他地方都会报错。

const obj = {
     foo : super.foo,
}
console.log(obj.foo);       //error              
const obj = {
     foo : function(){
        return super.a;
     },
}
console.log(obj.foo())       //error

 JavaScript引擎内部,super.foo等同于Object.getPrototypeOf(this).foo(属性) 或Object.getPrototypeOf(this).foo.call(this)(方法)。

const proto = {
     x : "hello",
     foo (){
         console.log(this.x);
     },
};
const obj = {
     x : "world",
     foo(){
         super.foo();
     },
 };
Object.setPrototypeOf(obj,proto);
obj.foo();  //world

上面代码中,super.foo指向原型对象proto的foo方法,但是绑定的this却还是当前对象boj,因此输出的就是world。

主页传送门

展开阅读全文

没有更多推荐了,返回首页