`
zhouyrt
  • 浏览: 1126183 次
  • 性别: 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 写类方式之八

    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版)

    1.2 JavaScript不是什么 2 1.3 JavaScript的用处 3 1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 JavaScript及其在Web开发中承担的角色 7 1.8 ...

    讲解JavaScript的面向对象的编程

    本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...

    javascript学习笔记.docx

    f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个父类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...

    如何在JavaScript中实现私有属性的写类方式(二)

    主要介绍了如何在JavaScript中实现私有属性的写类方式。需要的朋友可以过来参考下,希望对大家有所帮助

    Javascript数组操作高级心得整理

     JavaScript 对大小写敏感 15  空格 15  换行 15 第二章JavaScript对象 1. JavaScript对象简介 15 (1) JavaScript对象也是有属性和方法的 15  对象属性的使用 15  对象方法的使用 15 (2) 对象的定义与实例...

    JavaScript王者归来part.1 总数2

     第二部分 JavaScript核心  第4章 语言结构  4.1 JavaScript的基本文法   4.2 常量和变量   4.3 表达式和运算符符   4.4 控制语句 句   4.5 总结   第5章 数据类型  5.1 基本数据类型   5.2 数组和...

    JavaScript网页特效应用开发手册

    2-1 JavaScript要写在网页原始代码的哪里? 2-2 Javascnpt的版本 2-3 Javascnpt的写作格式 2-4 引用一个js文件 2-5 网页编辑软件EditPlusZ 第二部分 JavaScript特效集锦 第3章 JavaScript特效集锦 3-1 网页动画 3-2 ...

    JavaScript实战

    第2章 JavaScript的语法 16 2.1 语句 16 2.2 命令 16 2.3 数据类型 17 2.3.1 数值 17 2.3.2 字符串 18 2.3.3 Boolean 19 2.4 变量 19 2.4.1 创建变量 20 2.4.2 使用变量 22 2.5 操作数据类型和变量 23 2.5.1 基本...

    javascript网页特效实例大全

    1.2 javascript简介 2 1.3 javascript与java的关系 3 1.4 javascript的基本构成 4 1.4.1 基本数据类型 4 1.4.2 变量 4 1.4.3 常量 5 1.4.4 表达式 6 1.4.5 运算符 6 1.5 javascript的基本语法 10 1.5.1 if...

    JavaScript面向对象程序设计中对象的定义和继承详解

    要想把Javascript代码写的像java 或者C++一样优雅,就得考虑如何去实现,同时也要考虑性能和高效。定义javascript对象的方式有很多,继承的方式也很多。通过不断地实践,推荐如下的方法: 1.Javascript对象的定义...

    《JavaScript语言精髓与编程实践》精选版--动态函数式语言精粹

    因此,事实上《JavaScript 语言精髓与编程实践》一书是假JavaScript 语言之力,讨论了我们常用的、主要的程序设计范型。而这也是该书难读的根源——很少有人会以一门确切的语言来讨论多种语言范型。尤其在使用...

    JavaScript笔记

    注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()-->方法调用-->立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) ...

    原创-javascript服务器交互型可编辑表格和我的js常用库

    * 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....

Global site tag (gtag.js) - Google Analytics