`

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常用代码大全[定义].pdf

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

    常用javascript整理

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

    轻轻松松学用javascript编程(PDF)

    2 了解JavaScript 浏览器上的程序语言 2.1 JavaScript 操作对象的简单介绍-- 属性和方法 2.2 JavaScript 代码的加入 2.2.1 加入JavaScript 代码的方式一 2.2.2 加入JavaScript 代码的方式二 ...

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    【JavaScript源代码】配置vue全局方法的两种方式实例.docx

    2,第一种方式 3,第二种方式 总结 1,前言  2,第一种方式  3,第二种方式  总结 1,前言  在Vue项目开发中,肯定会有这样一个场景:在不同的组件页面用到同样的方法,比如格式化时间,文件下载,对象深拷贝...

    javaScript基础

    2. 在html页面中引用javaScript有三种方式:直接把javaScript代码写在标签script和/script结束标签之间,使用外部javaScript文件或直接把简短的javaScript代码写在html标签中 3. javaScript的核心语法有变量的声明和...

    Javascript数组操作高级心得整理

    4. JavaScript常用对象 21 (1) 对象类型说明 21  本地对象 21  内置对象 21  宿主对象 21 (2) Object对象 21  Object对象的属性 21  Object对象的方法 21 (3) JavaScript对象参考(略) 21 (4) Browser...

    JavaScript教程

    • 一、 JavaScript语言概况  什么是JavaScript  JavaScript和Java的区别  JavaScript程序运行环境  编写第一个JavaScript程序 • 二、 JavaScript基本数据结构  JavaScript代码的加入  基本数据类型  ...

    javascript基础知识PDF

    2.2.1 加入JavaScript 代码的方式一 . . . . . . . . . . . . . . . . . . . . . . . . 10 2.2.2 加入JavaScript 代码的方式二. . . . . . . . . . . . 12 2.2.3 加入JavaScript 代码的方式三. . . . . . . . . . . ...

    107个常用javascript语句

    107个常用javascript语句 -7.焦点 .focus(); -6.捕获对象通用方法 function $(obj) {return document.getElementById(obj);} ("") %> -5.字符串赋值数组var array=new Array(); array=tdrczpdata.split('<BR>'); ...

    JavaScript,简称JS,是一种在Web开发中举足轻重的客户端脚本语言 它最初由Netscape公司的布兰登·艾奇在199

    JavaScript拥有八种基本数据类型,包括number、bigint等,以及三种常用的类型转换方式:转换为string类型、number类型和boolean类型。 JavaScript框架和库是开发者的重要资源。例如,React是一个由Facebook开发的JS...

    常用JavaScript特效

    常用javascript特效 加入频道 鼠标坐标 自设首页 字符句盒 显示时间 取消错误 自动最大化 页面另存 本页原码 定义热键 网页全屏 音乐面版

    javascript中数组的多种定义方法和常用函数简介

    数组的定义:方法1. 代码如下:var mycars=new Array()mycars[0]=”sharejs.com”mycars[1]=”Volvo”mycars[2]=”BMW” 方法2.定义和初始化一起: 代码如下:var mycars=new Array(“Saab”,”Volvo”,”BMW”); 或者...

    用javascript对表单进行验证

    常用的都有了 用javascript对表单进行验证 用javascript对表单进行验证 常用的都有了

    JS定义函数的几种常用方法小结

    本文实例讲述了JS定义函数的几种常用方法。分享给大家供大家参考,具体如下: 在 JavaScript 语言里,函数是一种对象,所以可以说函数是 JavaScript 里的一等公民(first-class citizens)。 之前我们这样定义过一个...

    JavaScript完全自学宝典 源代码

    示例描述:演示常用Ajax应用实例。 ajaxmodel.war Ajax实例应用的项目文件(可直接在Tomcat中发布运行)。 \ajaxmodel\amel\html\firstAjax.jsp 显示XMLHttpRequest对象状态。 \ajaxmodel\amel\...

    JavaScript常用工具函数大全

    主要介绍了JavaScript常用工具函数,汇总整理了各种JavaScript常用工具函数,包括获取、判断、转换、设置等相关功能函数的定义与使用方法,需要的朋友可以参考下

    HTML脚本大全常用Javascript特效代

    HTML脚本大全常用Javascript特效代。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

    程序天下:JavaScript实例自学手册

    第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 ...

    Javascript 编程常用函数属性及方法

    包含了javasript 的常用语法函数的属性及定义方法,对于其网页编程中函数可以直接查找,非常方便。

Global site tag (gtag.js) - Google Analytics