`

JavaScript常用的2种定义类的方式

    博客分类:
  • js
阅读更多

1. 混合构造函数/原型方式

  1. function Car(sColor, iDoors, iMpg) {
  2. this.color = sColor;
  3. this.doors = iDoors;
  4. this.mpg = iMpg;
  5. this.drivers = new Array(“Mike”, “Sue”);
  6. }

  7. Car.prototype.showColor = function () {
  8. alert( this.color);
  9. };

  10. var oCar1 = new Car(“red”, 4 , 23 );
  11. var oCar2 = new Car(“blue”, 3 , 25 );
  12. oCar1.drivers.push(“Matt”);
  13. alert(oCar1.drivers); // outputs “Mike,Sue,Matt”
  14. alert(oCar2.drivers); // outputs “Mike,Sue”

优点:具有其它方式的优点而没有其它方式的缺点

不足:封装性欠缺

2 . 动态原型方式

  1. function Car(sColor, iDoors, iMpg) {
  2. this.color = sColor;
  3. this.doors = iDoors;
  4. this.mpg = iMpg;
  5. this.drivers = new Array(“Mike”, “Sue”);

  6. if ( typeof Car._initialized == “undefined”) {
  7. Car.prototype.showColor = function () {
  8. alert( this.color);
  9. } ;

  10. Car._initialized = true ;
  11. }
  12. }

优点:封装性比上一个方式更好

总之,以上2种方式是目前最广泛使用的,尽量使用它们避免不必要的问题

分享到:
评论

相关推荐

    JavaScript定义类或函数的几种方式小结

    JavaScript是一种基于原型的面向对象语言,其类和对象的定义方式与传统面向对象的语言(如Java或C++)有所不同。 JavaScript中定义类或函数,主要有以下几种方式: 1. 工厂方式 工厂方式是JavaScript中创建对象的...

    javascript常用语句总结

    JavaScript是一种广泛应用于网页和...以上是对"javascript常用语句总结"中部分关键知识点的概述,JavaScript作为一门功能丰富的语言,其知识点远不止这些。深入学习并熟练掌握JavaScript,能帮助你更好地进行Web开发。

    javascript常用代码大全.doc

    在提供的“JavaScript常用代码大全”中,我们可以看到许多实用的代码片段,涵盖了多个方面的功能,包括对话框、全屏窗口、XML处理、表单验证、字符检测、浏览器检测以及特定功能的实现。 1. 对话框: - `...

    JavaScript常用语句及语言参考

    以上是对JavaScript常用语句和语言基础的简要介绍。通过《JavaScript 语言参考》中文版.chm和常用Javascript语句.doc,你可以找到更详细的解释和示例,进一步提升你的JavaScript技能。学习过程中,实践是关键,尝试...

    javascript常用方法实例

    在这个“javascript常用方法实例”中,我们将会探讨一些JavaScript的核心概念和常用方法,以及它们在实际应用场景中的实例。 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,...

    JAVASCRIPT中定义对象的几种方式.pdf

    在讨论JavaScript中定义对象的几种方式之前,我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言,对象是其核心概念之一。对象可以被视为一个容器,存储各种键值对集合,键为属性名,...

    javascript常用函数集合

    expr1 : expr2)也是一种简洁的条件表达方式。 7. **循环语句**:`for`、`while`和`do...while`循环用于重复执行代码块。`for...of`和`for...in`则分别用于遍历可迭代对象和对象的属性。 8. **对象创建**:可以...

    javascript常用代码大全[定义].pdf

    在“javascript常用代码大全[定义].pdf”中,涵盖了多个JavaScript编程中的常见功能和验证方法,以下是其中的一些关键知识点的详细解释: 1. **对话框**: - `showModalDialog()` 方法用于打开一个具有模态对话框...

    javascript 类定义的4种方法

    以下是四种常用的 JavaScript 类定义方法: 1. **工厂函数方式**: 工厂函数是一种创建对象的方法,它通过函数返回一个具有特定属性和方法的对象。在提供的示例中,`createCar` 就是一个工厂函数,它接收参数,...

    javascript常用代码及汇总

    "javascript常用代码及汇总"这个资源集合了JavaScript编程中的一些常见用法和实用技巧,是开发者学习和工作中的一大助力。 首先,JavaScript的核心概念包括变量、数据类型、控制结构、函数、数组、对象等。变量是...

    107个javascript常用语句

    以上只是“107个JavaScript常用语句”的一部分核心概念,实际内容可能涵盖更多细节,如正则表达式、错误处理、模块化、类与继承、迭代器、生成器、解构赋值等。深入理解和熟练掌握这些语句将极大地提升JavaScript...

    JavaScript定义类和对象的方法

    在JavaScript中定义类和对象的方法大致可以分为两类,一种是使用函数方式定义,另一种是先实例化Object类的方式定义。下面详细介绍这两种方法的实现和使用。 首先,函数方式定义类是最直观和常用的方法,它基于函数...

    JavaScript常用对象.md

    ### JavaScript 常用对象详解 #### 对象概念与特性 在 JavaScript 中,对象是一种非常重要的数据类型。它可以被理解为一系列属性与方法的集合。简单来说,对象就像现实世界中的实体,拥有自身的特性和行为。 - **...

    JavaScript常用语句特效

    在本"JavaScript常用语句特效"教程中,我们将深入探讨JavaScript中的关键语句和特效,帮助你提升Web开发技能。 1. **基础语法与控制结构** - 变量声明:`var`, `let`, `const` - 数据类型:原始类型(如字符串、...

    常用javascript整理

    1.JavaScript的数值处理对象学习 .txt 2.JavaScript的系统函数学习 .txt 3.js中用于对象的语句——with和for...in语句...定义JavaScript对象的几种格式.txt 8.正则表达式.txt 9.55种网页常用小技巧 .txt

    javascript 常用代码段

    以上只是JavaScript常用代码段的一小部分,实际应用中还有许多其他功能和技巧,如事件处理、定时器、正则表达式、错误处理等。通过深入学习和实践,你可以更好地掌握JavaScript这门强大的语言。在提供的PDF文档和...

    JavaScript常用初学者帮助大全

    这份"JavaScript常用初学者帮助大全"将引导你逐步走进JavaScript的世界。 首先,JavaScript是一种解释型、弱类型、基于原型的脚本语言,主要用于增强网页交互性。在HTML中,JavaScript可以通过`<script>`标签引入,...

    javascript 常用 技巧.rar

    JavaScript是一种广泛应用于网页和网络...以上只是部分JavaScript常用技巧的概述,实际的压缩包资源可能包含了更具体的示例和代码片段,通过学习和实践这些技巧,你将能够编写出更高效、更易于维护的JavaScript代码。

    Javascript常用方法

    JavaScript 支持两种注释方式: - **单行注释**:`//` 后面跟随注释文本。 - **多行注释**:使用 `/*` 开始并以 `*/` 结束来包围注释文本。 #### 三、JavaScript 语法 ECMAScript 规定了所有元素(变量、函数名、...

    图片特效,常用经典Javascript代码

    在IT行业中,JavaScript是一种至关重要的编程语言,尤其在网页开发领域。它被广泛用于实现动态交互效果,包括图片特效。本篇文章将详细讲解如何利用JavaScript实现图片特效,并结合"常用经典Javascript代码.doc"、...

Global site tag (gtag.js) - Google Analytics