call继承父级属性,prototype继承父级方法

Posted 千と千寻の

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了call继承父级属性,prototype继承父级方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
<script type="text/javascript" >
// 通过call继承父级属性
    function A(){
        this.abc=12
    }
   
 function B(){
    // this → new B();
    A.call(this)
 }
 var obj = new B();
alert(obj.abc) //12

// 通过prototype继承父级方法

A.prototype.show=function(){
    alert(this.abc)
}

B.prototype.show=A.prototype.show; //tongguo prototype原型继承父级方法

obj.show() //12
</script> </html>

 

以上是关于call继承父级属性,prototype继承父级方法的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 CSS 模块父级继承了子级的属性?

有办法去掉从父级元素继承下来的 CSS 样式吗

JavaScript 实现继承的几种方式

CSS全局关键字

继承性和层叠性

CSS-继承和层叠