Javascript自定义类

JavaScript并不是严格的面向对象的语言，但是带有面向对象的一些特性，我们可以通过这些特性创建js中的自定义类。

JavaScript中的类其实是function关键字包裹的一系列变量和方法。

比如定义一个Car类：

function Car(name,number){this.CarName=name;this.CarNumber=number;this.Run=function(speed){alert("汽车以"+speed+"时速行驶。");}
}

使用这个类的方法：

var x3=new Car("x3","京A10001");
x3.Run(100);

运行结果：

“汽车以100时速行驶。”

如果想在Car的Run方法中使用Car类中的变量，通常情况下使用this.CarName是获取不到的，此时我们可以在Car中定义一个局部变量让其指向this（指的是Car）：

function Car(name,number){var thisCar=this;this.CarName=name;this.CarNumber=number;this.Run=function(speed){alert("汽车"+thisCar.CarName+"以"+speed+"时速行驶。");}
}

再次运行：

var x3=new Car("x3","京A10001");
x3.Run(100);

结果

"汽车x3以100时速行驶。"

转载于:https://www.cnblogs.com/Leechg/p/4554649.html

Javascript自定义类相关推荐

实现Javascript编写类的方式1(原生方式)
网上实现javascript写类的方法有很多, 总结下不外乎以下几种. 我自己学习总结了一下. 构造方法方式原型方式构造方法+原型的混合方式现在具体分析一下以上方式的优缺点: 构造方法方式这是 ...
JavaScript 自定义对象
原文:JavaScript 自定义对象在Js中,除了Array.Date.Number等内置对象外,开发者可以通过Js代码创建自己的对象. 目录 1. 对象特性:描述对象的特性 2. 创建对象方式: ...
ExtJS 中自定义类
首先我们来看一看在Javascript中,是怎样自定义类的: var Person = function (name, age) {this.Name = "";this.Age ...
客户端控件Javascript验证类
客户端控件Javascript验证类 2005-09-20 javascritp一直是web开发的利器,在Ajax逐渐流行以后,javascript又更焕发活力.但是别误会,本文不讨论如何用javas ...
[JavaScript]自定义MessageBox
前言: 继上文([JavaScript]自定义Title的显示方式)之后,我的工作是进一步增强一些IE所不能提供的东东. 还记得Windows下的MessageBox嘛? IE呢?Alert?Conf ...
JavaScript自定义事件
很多DOM对象都有原生的事件支持,向div就有click.mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会.随着web技术发展,使用JavaScript自定 ...
JavaScript 自定义对象及 new()原理与实现如何完整地手写实现new
JavaScript 自定义对象及 new() 原理与实现作者: 李俊才邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_285502 ...
JavaScript Class类详解
ECMAScript 6 提供了更接近传统语言的写法,新引入的class关键字具有正式定义类的能力.类(class)是ECMAScript中新的基础性语法糖结构,虽然ECMAScript 6类表面上看 ...
JavaScript自定义对象
JavaScript自定义对象 2.1.类和对象的概念所谓对象就是真实世界中的实体,对象与实体是一一对应的,也就是说现实世界中每一个实体都是一个对象,它是一种具体的存在,可以发现身边很多对象,汽 ...

Javascript自定义类

Javascript自定义类相关推荐

最新文章

热门文章