JavaScript - 抽象

JavaScript - 抽象 首页 / JavaScript入门教程 / JavaScript - 抽象

抽象是一种隐藏实现细节并仅向用户显示函数的方法。换句话说,它忽略了无关的细节,只显示了所需的细节。

要点

  • 无法创建Abstract Class抽象类的实例。
  • 它减少了代码的重复。

例子1

检查是否可以创建Abstract类的实例。

无涯教程网

<script>
//Creating a constructor function
function Vehicle()
{
    this.vehicleName= vehicleName;
    throw new Error("You cannot create an instance of Abstract class");

}
Vehicle.prototype.display=function()
{
    return this.vehicleName;
}
var vehicle=new Vehicle();
 </script>
JavaScript OOPs Abstraction

例子2

看一个实现抽象的例子。

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-oops-abstraction.html

来源:LearnFk无涯教程网

<script>
//Creating a constructor function
 function Vehicle()
{
    this.vehicleName="vehicleName";
    throw new Error("You cannot create an instance of Abstract Class");
}
Vehicle.prototype.display=function()
{
    return "Vehicle is: "+this.vehicleName;
}
//Creating a constructor function
function Bike(vehicleName)
{
    this.vehicleName=vehicleName;
}
//Creating object without using the function constructor
Bike.prototype=Object.create(Vehicle.prototype);
var bike=new Bike("Honda");
document.writeln(bike.display());


 </script>

输出:

Vehicle is: Honda

例子3

在此示例中,使用instanceof运算符测试对象是否引用了相应的类。

<script>
//Creating a constructor function
 function Vehicle()
{
    this.vehicleName=vehicleName;
    throw new Error("You cannot create an instance of Abstract class");
}
//Creating a constructor function
function Bike(vehicleName)
{
    this.vehicleName=vehicleName;
}
Bike.prototype=Object.create(Vehicle.prototype);
var bike=new Bike("Honda");
document.writeln(bike instanceof Vehicle);
document.writeln(bike instanceof Bike);

 </script>

输出:

true true

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

朱赟的技术管理课 -〔朱赟〕

Elasticsearch核心技术与实战 -〔阮一鸣〕

黄勇的OKR实战笔记 -〔黄勇〕

即时消息技术剖析与实战 -〔袁武林〕

手把手带你写一门编程语言 -〔宫文学〕

全链路压测实战30讲 -〔高楼〕

深入浅出分布式技术原理 -〔陈现麟〕

超级访谈:对话汤峥嵘 -〔汤峥嵘〕

结构会议力 -〔李忠秋〕

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