javascript实现"类"

以你之姓@ 2022-06-16 08:09 153阅读 0赞

javascript基于对像，而不是面向对象，没有类的概念，但它的function可以定义“类”

一、定义类

var Animal = function(name) \{  
this.name = name;

// 特权方法，创建实例对象时都会执行创建

this.setName = function(name) \{this.name = name;\};  
this.getName = function() \{return this.name\};  
\};  
  
// 原型方法只创建一次  
Animal.prototype.getAniName = function () \{  
  return this.name;  
\};

二、继承  
  
var Dog = function(name) \{  
    Animal.call(this, name);  
\};  
  
(function()\{

// 制造原型链  
  var Super = function()\{\};  
  Super.prototype = Animal.prototype;  
  Dog.prototype = new Super();  
  Dog.prototype.getDogName = function() \{  
  return this.name;  
  \};  
\})();

var d1 = new Dog("jinmao");  
console.log(d1.getAniName()); // jinmao  
console.log(d1.getDogName());// jinmao  
console.log(d1.getName());// jinmao  
console.log(d1 instanceof Animal);// true  
console.log(d1 instanceof Dog); // true  
  
  
  
// 继续继承  
var PetDog = function(name) \{  
    Dog.call(this, name);  
\};  
(function()\{  
  var Super = function()\{\};  
  Super.prototype = Dog.prototype;  
  PetDog.prototype = new Super();  
  PetDog.prototype.getPetName = function() \{  
  return this.name;  
  \};  
\})();  
  
  
d1 = new PetDog("JingBa");  
console.log(d1.getAniName()); // JingBa  
console.log(d1.getDogName());// JingBa  
console.log(d1.getName());// JingBa

console.log(d1.getPetName());// JingBa  
console.log(d1 instanceof Animal);// true  
console.log(d1 instanceof Dog); // true  
console.log(d1 instanceof PetDog); // true

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript如何定义类与函数如何实现继承自Object类实现方法------JavaScript

> <!DOCTYPE html> >  > <html lang="en" id="myHtml"> >

向右看齐/ 2024年02月20日 13:05/ 0 赞/ 40 阅读

相关使用QScriptEngine类实现JavaScript脚本引擎

使用QScriptEngine类实现JavaScript脚本引擎 Qt提供了QScriptEngine类，可以让我们在程序中使用JavaScript脚本来实现一些功能。本文将

今天药忘吃喽~/ 2023年10月15日 08:37/ 0 赞/ 99 阅读

相关 JavaScript类

JavaScript类 1 类声明 2 为什么说它是语法糖 3 类包含的属性和方法 3.1 类的构造函数 3.2 类的方法

桃扇骨/ 2022年12月27日 08:52/ 0 赞/ 98 阅读

相关 [数据结构]用JavaScript实现一个堆类

前言: 在js中是没有堆这个数据结构的，但我们可以用类和Array模拟一个堆实现步骤: · 在类里，声明一个数组，用来装元素。 · 主要方法：插入、删除堆顶

柔光的暖阳◎/ 2022年12月12日 04:40/ 0 赞/ 142 阅读

相关 Javascript模拟实现类class

在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称”实例”）共有的属性和方法。 Javascript语言不支持”类”，但是可以用一些变通的

我会带着你远行/ 2022年08月05日 11:24/ 0 赞/ 178 阅读

相关 Javascript的类实现--------封装、抽象与继承

一.JavaScript中类的封装 Javascript不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样用class来定义类, 但

小咪咪/ 2022年07月12日 18:23/ 0 赞/ 822 阅读

相关 javascript实现"类"

javascript基于对像，而不是面向对象，没有类的概念，但它的function可以定义“类” 一、定义类 var Animal = function(name) \{

以你之姓@/ 2022年06月16日 08:09/ 0 赞/ 154 阅读

相关 javascript实现列表类

什么是列表？例如你会对你接下来一周要做的事情，你会根据时间先后记载笔记本上或者手机的备忘录里，又或者你淘宝上的购物车，它们都是列表的一种体现。也就是说列表是一组有序的数据。这里

Bertha 。/ 2022年06月03日 03:39/ 0 赞/ 170 阅读

相关 JavaScript类继承

1. 和其他功能一样，ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的，而是通过模仿实现的。这意味着所有的继承细节并

迈不过友情╰/ 2022年04月24日 13:58/ 0 赞/ 234 阅读

相关 JavaScript 多种方法实现类(转)

摘自：[http://www.nowamagic.net/javascript/js\_MethodsToCreateClass.php][http_www.nowamagic

左手的ㄟ右手/ 2022年01月11日 22:34/ 0 赞/ 183 阅读