实现JavaScript编写类的方式
来源:互联网 发布:淘宝商品排名规则 编辑:程序博客网 时间:2024/05/29 19:22
实现JavaScript编写类的方式
网上实现javascript写类的方法有很多, 总结下不外乎以下几种. 我自己学习总结了一下.
构造方法方式;原型方式;构造方法+原型的混合方式
现在具体分析一下以上方式的优缺点:
构造方法方式
这是最基本的也是最像Java写class的方式. 上代码:
- //创建一个Student类
- function Student(name){
- this.name = name;
- this.sayName = function(){
- alert(this.name);
- };
- }
- //new两个不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//显示jimmy
- henry.sayName();//显示henry
这样的方法简单明了, 也符合JAVAer的胃口, 但是每new一个新对象, 就会在内存中分配一个sayName方法, 性能不是很好.
原型方式
- //创建一个Student类
- //属性和方法都通过Student.prototype设置
- function Student(name){
- Student.prototype = name;
- Student.prototype.sayName = function(){
- alert(this.name);
- }
- }
- //new两个不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//显示henry!!!
- henry.sayName();//显示henry!!!
也许执行的代码和有些童鞋的期望有出入. 两次alert都弹出henry! 其实很好理解. 属性和方法都通过prototype设置. 不同对象的同一个属性或者方法都指向同一个内存, 所以henry是在jimmy后设置的. 所以henry把jimmy覆盖了.
混合方式
构造方法的方式可以为同一个类的每一个对象分配不同的内存, 这很适合写类的时候设置属性, 但是设置方法的时候我们就需要让同一个类的不同对象共享同一个内存了. 写方法用原型的方式最好. 所以写类的时候需要把构造方法和原型两种方式混合着用. 废话少说, 看代码:
- //创建一个Student类
- //属性通过构造方法设置
- //方法通过Student.prototype设置
- function Student(name){
- this.name = name;
- Student.prototype.sayName = function(){
- alert(this.name);
- }
- }
- //new两个不同的Student.
- var jimmy = new Student('jimmy');
- var henry = new Student('henry');
- jimmy.sayName();//显示jimmy
- henry.sayName();//显示henry
so far so good. 同一类的不同对象, 属性各自占有内存, 方法共享同一内存. 其实这里还是有一个小问题:
每new一个新对象, 就会执行一次
- Student.prototype.sayName = function(){
- alert(this.name);
- }
造成不必要的重复运算. 可以在类里面设置一个标记位, 第一次执行的时候给这个标志位设置true, 如果为true就不再为prototype设置方法.
- 实现JavaScript编写类的方式
- js-----javascript的编写方式
- 探讨在 JavaScript 实现类的方式
- javascript实现继承的方式
- javascript实现继承的方式
- javascript实现继承的方式
- Javascript继承的实现方式
- 工具类的编写方式
- 记Javascript的编写方式的全新学习
- JavaScript 面向对象编写方式
- javascript 里类的五种实现方式
- JavaScript的弱类对象及继承实现方式
- Atitit.javascript 实现类的方式原理大总结
- javascript 实现QQ方式的新消息提示
- javascript实现继承的多种方式
- javascript实现跳转的几种方式
- javascript实现namespace概念的方式
- 瀑布布局的JavaScript实现方式
- 容器set与multiset探秘
- Linux给用户添加sudo权限
- JDBC连接数据库的步骤
- C/C++项目中遇到的困难及解决方案收藏
- vxworks的PRJ_LIBS、EXTRA_MODULES、LIBS使用的小结
- 实现JavaScript编写类的方式
- mysql 批量导入mysql命令
- VS010编译libxml2
- java基础--对象转型和多态
- ORACLE 创建视图时,提示用户权限不足
- 我的Android进阶之旅------>Android ListView优化详解
- Java对象及其引用
- ubuntu samba服务器共享设置
- linux shell 笔记---变量