`
redstarofsleep
  • 浏览: 440463 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Javascript面向对象之:一.创建类

 
阅读更多

Javascript语言到目前为止,本身并没有提供类似于class这样的关键字来创建一个类.所以可以认为Javascript本身并不是完全意义上的面向对象的语言.但是Javascript中明明就是有对象的.再加上语言本身的一些特性,我们可以模拟出类,使得Javascript也变成面向对象的.

/**
 * 这是一个构造函数,是这个类的开始,当new这个类的对象时被调用
 */
function User(userName) {
	// name是类的成员变量
	this.name = userName
}

/**
 * 这个是类属性,相当于Java中的static属性
 */
User.prop = 'person';

/**
 * 这个是实例方法,需要通过对象来访问的
 */
User.prototype.getName = function() {
	return this.name
}

/**
 * 这个是类方法,通过类名访问的,相当于static的啦
 */
User.getProp = function() {
	return User.prop;
}

 

上面的代码就完成了一个最简单的类的定义.其中包括了类的成员变量,成员方法,以及类变量和类方法.

下面看一下如何用这个类:

// 创建对象
var user = new User('admin');
// 调用对象的方法
user.getName();
// 调用类方法
User.getProp();
 

 

2
1
分享到:
评论

相关推荐

    深入理解JavaScript系列

    深入理解JavaScript系列(18):面向对象编程之ECMAScript实现 深入理解JavaScript系列(19):求值策略 深入理解JavaScript系列(20):《你真懂JavaScript吗?》答案详解 深入理解JavaScript系列(21):S.O.L....

    javascript面向对象创建对象的方式小结.docx

    javascript面向对象创建对象的方式小结.docx

    面向对象tab转换、编辑.rar

    javaScript进阶面向对象ES6 : 面向对象tab栏切换(先删除所有选项卡操作再设置选中的选项卡)、添加(先创建元素再追加元素到对应的父元素里面)、删除(阻止冒泡防止触发点击事件 根据索引号删除对应的选项及内容 ...

    JavaScript面向对象程序设计创建对象的方法分析

    本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考,具体如下: 面向对象的语言具有一个共同的标志,那就是具有“类”的概念,但是在javascript中没有类的概念,在js中将对象定义为...

    javascript面向对象程序设计高级特性经典教程(值得收藏)

    本文实例讲述了javascript面向对象程序设计的高级特性。分享给大家供大家参考,具体如下: 1.创建对象的三种方式: 第一种构造法:new Object var a = new Object(); a.x = 1, a.y = 2; 第二种构造法:对象直接量...

    JavaScript面向对象编程

    JavaScript面向对象编程 在JavaScript对象笔记中,记录的都是内置对象的使用,而本文的目的是学习如何创建自己的对象,如何在JS中进行面向对象编程,并且以这些为指导编写实用的工具。

    Class:Class.js - 一种使用 Javascript 创建类的简单方法

    Class.js就是为了解决Javascript面向对象编程而开发的一个Class构造组件。 快速预览 var Animal = Class.create(function(){ this.type = 'animal'; }) var Dog = Class.create( function(name){ if(name) this....

    深入理解JavaScript系列.chm

    18.面向对象编程之ECMAScript实现 19.求值策略 20.《你真懂JavaScript吗?》答案详解 21.S.O.L.I.D五大原则之接口隔离原则ISP 22.S.O.L.I.D五大原则之依赖倒置原则DIP 23.JavaScript与DOM(上)——也适用于新手 24....

    深入理解JavaScript系列(.chm)

    深入理解JavaScript系列(18):面向对象编程之ECMAScript实现 深入理解JavaScript系列(19):求值策略 深入理解JavaScript系列(20):《你真懂JavaScript吗 》答案详解 深入理解JavaScript系列(21):S O L I...

    JavaScript 面向对象基础简单示例

    本文实例讲述了JavaScript 面向对象。分享给大家供大家参考,具体如下: JavaScript 面向对象 this:this代指对象(python self) 对象 = new 函数():创建对象:添加“new 函数()”相当与创建对象 类名:prototype...

    JAVASCRIPT-使用面向对象的技术创建高级 Web 应用程序

    JAVASCRIPT-使用面向对象的技术创建高级 Web 应用程序

    JavaScript 使用面向对象的技术创建高级 Web 应用程序.doc

    JavaScript 使用面向对象的技术创建高级 Web 应用程序

    1.JavaScript面试真题-210页.pdf

    面向对象编程:JavaScript支持面向对象编程范式,可以使用构造函数和原型链来定义和扩展对象。但它也是一门多范式语言,支持函数式编程和事件驱动编程。 动态类型:JavaScript是一种动态类型语言,变量无需声明类型...

    《javascript设计模式》学习笔记二:Javascript面向对象程序设计继承用法分析

    本文实例讲述了Javascript面向对象程序设计继承用法。分享给大家供大家参考,具体如下: 1.关于继承: 百度百科对继承的解释是:继承是指一个对象直接使用另一对象的属性和方法。 (话说百科对于计算机概念的继承的...

    javascript面向对象之二 命名空间

    //这样就创建成功了命名空间:java.util //我们可以在java.util下面加类(函数),属性,或对象 java.util.HashMap = function() { this.ShowMessage = function() { alert(“java.util.HashMap”); } } var ...

    《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析

    本文实例讲述了Javascript面向对象程序设计工厂模式。分享给大家供大家参考,具体如下: 工厂模式和单例模式(https://www.jb51.net/article/184230.htm)应该是设计模式中应用最多的模式了,工厂模式的定义:提供...

    详解JavaScript基于面向对象之创建对象(2)

    主要介绍了JavaScript基于面向对象之创建对象,详细的分析面向对象的原型方式以及其他综合的方式,感兴趣的小伙伴们可以参考一下

    Javascript 面向对象 命名空间

    javascript中本没有命名空间的概念,但是要体现面向对象的思想, 应当有命名空间,就像java中的package,.net中的namespace一样, 作用主要为了防止类名冲突,相同的类名只要属于不同的命名空间,便不会冲突。...

Global site tag (gtag.js) - Google Analytics