JavaScript - 多态

多态性是面向对象范式的核心概念，它提供了一种以不同形式执行单个动作的方法。它提供了在不同的JavaScript对象上调用相同方法的函数。由于JavaScript不是一种类型安全的语言，因此无涯教程可以使用该方法传递任何类型的数据成员。

示例1

看一个示例，其中子类对象调用父类方法。

复制代码

<script>
class A
  {
     display()
    {
      document.writeln("A is invoked");
    }
  }
class B extends A
  {
  }
var b=new B();
b.display();
</script>

输出:

A is invoked

例子2

看一个示例，其中子类和父类包含相同的方法。在这里，子类的对象调用两个类的方法。

无涯教程网

复制代码

<script>
class A
  {
     display()
    {
      document.writeln("A is invoked<br>");
    }
  }
class B extends A
  {
    display()
    {
      document.writeln("B is invoked");
    }
  }

var a=[new A(), new B()]
a.forEach(function(msg)
{
msg.display();
});
</script>

输出:

A is invoked
B is invoked

例子3

让无涯教程看看基于原型方法的相同示例。

复制代码

<script>
function A()
{
}
A.prototype.display=function()
{
  return "A is invoked";
}
function B()
{
  
}

B.prototype=Object.create(A.prototype);

var a=[new A(), new B()]

a.forEach(function(msg)
{
  document.writeln(msg.display()+"<br>");
});
<script>

输出:

A is invoked
B is invoked

这一章《JavaScript - 多态》你学到了什么？在下面做个笔记吧！做站不易,你的分享是对我们最大的支持,感谢！😊

好记忆不如烂笔头。留下你的足迹吧 :)

视频教程

JavaScript - 12-逻辑中断逻辑或更多视频教程 »

JavaScript - 多态

示例1

例子2

例子3

猜你喜欢

如何返回JS中第一个索引是最大数字的数组元素？

在 Axios 创建函数中添加额外的标题

登录/注销后Vuex状态不会改变

GreenSock 和 TypeScript

使用js过滤重复记录并使用附加条件推送到数组中

为什么 `configureStore` 不起作用但 `createStore` 起作用？

视频教程