[Javascript] 对象的创建与类的封装

1.单个对象创建方法一

[html] view plain copy
  1. var stu = {};  
  2. stu.name = 'Luck';  
  3. stu.showName = function() {  
  4.     alert(this.name);  
  5. }  

2.单个对象创建方法二

[html] view plain copy
  1. var stu = {  
  2.     name: 'Luck',  
  3.     showName: function() {  
  4.         alert(this.name);  
  5.     }  
  6. };  


以上均为单个对象的创建办法,调用对象的方法为:stu.showName();

下面为封装类的方法,JavaScript中需要用函数来封装类

[html] view plain copy
  1. <pre name="code" class="html">//函数构造类  
  2. function Stu(name) {  
  3.     this.name = name;  
  4.     //对象的方法,实例化的每个对象会生成该方法,多次占用空间  
  5.     this.showName = function() {  
  6.         alert(this.name);  
  7.     }  
  8.   
  9. }  
  10. //prototype生成的是类的方法,只占用一次空间,所有实例化的对象不会多次生成同一个方法,不会占用多个空间  
  11. Stu.prototype = {  
  12.     setName: function(name) {  
  13.        this.name = name;  
  14.     },  
  15.     getName: function() {  
  16.         return this.name;  
  17.     }  
  18. };  
  19. //调用  
  20. var stu = new Stu('Mike');  
  21. stu.showName();  
  22. stu.setName("Luck");  
  23. alert(stu.getName());  
发布了276 篇原创文章 · 获赞 169 · 访问量 66万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览