`
zhouyrt
  • 浏览: 1141633 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript写类方式之二

阅读更多

2、原型方式

 

/**
 * Person类:定义一个人,有个属性name,和一个getName方法
 */
function Person(){}
Person.prototype.name = "jack";
Person.prototype.getName = function() { return this.name;}

 

把类的属性(字段),方法都挂在prototype上。

 

造几个对象测试下:

 

var p1 = new Person();
var p2 = new Person();

console.log(p1.getName());//jack
console.log(p2.getName());//jack

 

可以看出输出的都是jack,所以原型方式的缺点就是不能通过参数来构造对象实例 (一般每个对象的属性是不相同的) ,优点是所有对象实例都共享getName方法(相对于构造函数方式),没有造成内存浪费

 

 

 

 

 

 

 

 

分享到:
评论
1 楼 lixinlixin2008 2009-06-27  
属性应该是属于每个对象的,所以不该放到prototype里...呵呵

相关推荐

    javascript 写类方式

    ### JavaScript 创建类的八种方式详解 #### 一、引言 JavaScript 作为一种灵活的脚本语言,在 ES6 之前并没有直接提供“类”这一概念。然而,这并不妨碍开发者们利用 JavaScript 的特性来实现类似的功能。本文将...

    javascript写类方式之七

    本文将探讨JavaScript中的七种创建类的方式,结合给定的标签和文件,我们主要关注源码解析和工具应用。 1. **函数构造器** JavaScript中最基础的类创建方式就是使用函数构造器。通过`function`关键字定义一个函数...

    javascript写类方式之九

    标题提到的"javascript写类方式之九"暗示了文章可能讨论了JavaScript中九种不同的类定义方法。在JavaScript ES6之前,我们通常使用函数构造器和原型链来模拟类的行为。随着ES6的引入,类语法被正式引入,使得代码...

    javascript 写类方式之二

    ### JavaScript 类实现方式:原型方式 在 JavaScript 中,面向对象编程的一个重要方面是类的实现。不同于传统的类式语言如 Java 或 C++,JavaScript 采用了基于原型的继承模型。这使得 JavaScript 在处理类和对象时...

    javascript 写类方式之一

    JavaScript,作为一种动态类型的脚本语言,虽然在ECMAScript 262规范中并没有像Java或C++那样的“类”概念,但是它提供了多种模拟面向对象编程的方式。在这个系列的第一部分,我们将探讨JavaScript中创建类的最基本...

    javascript 写类方式之九

    2. `YAHOO.lang.extend`: 这是一个实现类继承的函数,它允许一个类继承另一个类的属性和方法。 3. `YAHOO.lang.augment`: 它用于增强或扩展一个类,可以将一个类的方法添加到另一个类中。 4. `YAHOO.log`: 这是一...

    javascript 写类方式之八

    8、Ext.js的写类方式 这里用的是Ext core3.0,Ext中用Ext.extend来定义一个类(当然它更多用来扩展一个类),Ext整个框架各种控件如Panel,MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的...

    javascript 写类方式之七

    、dojo.js的写类方式 dojo最新是1.3.1了,记得07年时还是0.4。文档也渐渐多了起来,用dojo的也慢慢多了。dojo还发布了core版,压缩后只有27kb。dojo中用dojo.declare方法来定义一个类。dojo.declare的源码就不贴在...

    javascript 写类方式之五

    同一构造函数可以定义出多个类型 代码如下: /** * $define 写类工具函数之二 * @param {Object} constructor * @param {Object} prototype */ function $define(constructor,prototype) { var c = constructor || ...

    李立超JavaScript基础篇笔记

    2. 属性方式:将JS代码写在HTML元素的事件属性中,如`onclick`。 3. 外部引用:通过`<script>`标签的`src`属性引用外部JS文件,这是推荐的做法,有利于代码组织和缓存。 JS的基本语法包含注释、大小写敏感、语句...

    JavaScript设计模式+JavaScript模式+JavaScript异步编程

    2. **JavaScript模式**: JavaScript模式不仅包括设计模式,还包括编码风格和最佳实践。例如: - 命名约定:遵循一致的变量、函数和类命名规则,如驼峰命名法。 - 避免全局变量污染:使用立即执行函数表达式...

    JavaScript权威指南(JavaScript犀牛书一本)

    《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...

    JavaScript内核系列 pdf

    二、JavaScript语法基础 JavaScript语法基于ECMAScript规范,包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、对象、数组等)、运算符(算术、比较、逻辑、位运算等)、流程控制(条件语句、...

    javascript写出的时钟

    本示例中的“JavaScript写出的时钟”就是一个很好的实例,展示了如何利用JavaScript、HTML和CSS这三种技术来创建一个动态显示时间的模拟时钟。 首先,我们从HTML基础开始。HTML(超文本标记语言)是构建网页结构的...

    Google V8学习手记,月javascript写服务器端是多少人的梦醒呀,Google v8让javascript和php一样

    它是 Google Chrome 浏览器的重要组成部分之一,负责解析和执行 JavaScript 代码。除了浏览器中的应用之外,V8 还能够被嵌入到任何 C++ 应用程序中,使得开发者可以在 C++ 程序中直接使用 JavaScript 来编写业务逻辑...

    JavaScript写的树形展示

    一个简单的实现方式是创建一个JavaScript对象,其中包含节点的值、子节点数组和其他属性(如ID、父节点等)。 ```javascript function TreeNode(value) { this.value = value; this.children = []; } ``` 2. **...

    javaScript写的计算器

    8. **代码组织**:对于复杂的计算器,JavaScript代码可能会采用模块化或面向对象的编程方式,将各个功能封装在不同的函数或类中,提高代码的可读性和可维护性。 综上所述,JavaScript编写的计算器是一个集成了事件...

    javascript入门教程.docx

    - **区分大小写**:JavaScript是一种区分大小写的语言,这意味着`Variable`和`variable`会被视为两个不同的标识符。 - **注释**:单行注释使用`//`,多行注释则使用`/* ... */`。 ```javascript // This is a ...

    Javascript效果封装类(都是国外高手写的)

    通过研究这些代码,开发者可以提升自己的JavaScript技能,了解如何写出高效、可维护的代码。 总的来说,这个压缩包里的资源是学习和提高JavaScript特效开发的宝贵资料。它们可以帮助开发者掌握如何使用JavaScript...

Global site tag (gtag.js) - Google Analytics