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

温习javascript面向对象

 
阅读更多
Code:
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>javascript面向对象编程</title>
  5. <scriptsrc="Scripts/jquery-1.4.1-vsdoc.js"type="text/javascript"></script>
  6. <scripttype="text/javascript">
  7. $(function(){
  9. //functionanimal(name){
  10. //this.name=name;
  11. //this.age=0;
  12. //}
  13. //vara1=animal;
  14. //alert(a1);//弹出整个函数体
  15. //vara2=animal("dinglang");
  16. //alert(a2);//弹出undefined
  17. //vara3=newanimal();
  18. //alert(a3);//弹出object
  19. //vara4=newanimal;
  20. //alert(a4);//弹出object
  23. //求值
  24. //alert(sum(1,3));//要求弹出结果为4
  25. //alert(sum(1,3,5,4,7));//要求弹出结果为20
  26. //根据java或者C#的编程经验，首先想到的是函数重载。
  27. //functionsum(a,b){
  28. //returna+b;
  29. //}
  30. //functionsum(a,b,c,d,e){
  31. //returna+b+c+d+e;
  32. //}
  33. //不幸的是，javascript并不支持函数重载。如果照上面那么写，只有下面的那个函数才会生效
  35. //javascript支持可变参数的函数
  36. functionsum(){
  38. varn=0;
  39. for(vari=0;i<arguments.length;i++){
  40. n+=arguments[i];
  41. }
  42. returnn;
  43. }
  45. //javascript高级知识--闭包
  46. //函数里面嵌套函数，且在外部被引用了，所以这个对象i不会被垃圾回收机制清除,所以i递增
  47. functionf1(){
  48. vari=0;
  49. varf2=function(){
  50. i++;
  51. alert(i);
  52. }
  53. returnf2;//f2对象指的是整个函数体
  54. }
  55. varf3=f1();//"f1()"就是指该函数的执行结果或者返回值--f2
  56. //f3();//1
  57. //f3();//2
  58. //f3();//3
  61. //作用域与this关键字
  62. //varobj=newObject();
  63. //obj.v="visaobject";
  64. ////相当于这么写
  65. //varobj2={v:"visaobject"};
  66. //作用域Scope
  67. varb1={v:"thisisb1"};
  68. varb2={v:"thisisb2"};
  69. functionb(x,y){
  70. //alert(this.v+","+x+","+y);
  71. }
  72. b("ding","lang");//undefined,"ding","lang"
  73. //调用b函数时，b函数中的this关键字指的是window对象.而Window对象中没有v对象，所以undefined
  74. //window.b("ding","lang");//undefined,"ding","lang"--与b("ding","lang");意义相同
  75. //b.call();//就等于b();
  76. //call函数的第一个参数表示的是函数的上下文--表示b函数中的this所以this关键字=b1
  77. //b.call(b1,"ding","lang");//thisisb1,ding,lang
  78. //注意apply函数的用法：第一个参数表示的也是函数中的上下文。不过后面的参数要以数组的形式传递
  79. //b.apply(b2,["ding","lang"]);////thisisb1,ding,lang
  81. //关于作用域，再补充一点
  82. varb3={v:"thisisb3",
  83. sayHello:function(){
  84. alert(this.v);
  85. }
  86. }
  87. //b3.sayHello();//thisisb3
  88. //b3.sayHello.call(b1);//会调用b1对象中的sayHello函数--thisisb1
  91. //for...in
  92. //vararr=newArray();//new一个js数组，与c#、java等编程语言不同，可以不指定长度
  93. //arr[0]=1;//赋值
  94. //arr[1]=2;
  95. //arr[2]=3;
  96. //javascript支持直接定义赋值
  97. vararr=newArray(1,2,3);
  98. for(vari=0;i<arr.length;i++){
  99. //alert(arr[i]);//弹出1，2，3
  100. }
  101. //注意：javascript中的for...in，看起来与C#或者java中的foreach类似，但是不同
  102. for(varkeyinarr){
  103. //alert(key);//弹出0，1，2key指的是键，而不是值。在C#的foreach中，“in”前的变量指的是值
  104. //alert(arr[key]);//可以使用这种方式取值--key指的是键，也就是某个对象中包含的所有的对象，而不是值
  105. }
  106. //假如我没有firebug，想使用IE实现类似与firebug控制台中console.dir的功能，可以这样
  107. for(varkeyinwindow){
  108. //这样就能将window对象中，包含的全部对象迭代显示出来。也就实现了firebug中console.dir的功能
  109. //document.getElementById("key").innerHTML+=(key+":"+window[key]+"</br>");
  110. }
  112. //对象的删除（释放内存--在extjs组件中常用）
  113. //deleteb3.v;//删除b3对象中的v成员
  114. //alert(b3.v);//undefined--因为v这个成员已经被删除了
  116. //类的修改，扩展（重点，难点）
  117. //1.假如我要实现一个简单的加法计算
  118. //varnumOne=5;//如果直接这么定义，那么下面的numOne.add(8);执行会报错
  119. //如果我这么写，下面调用就不会报错了(因为此时的numOne，是个类.相当于java或C#语言中原始的基本数据类型、包装类型)
  120. varnumOne=newNumber(5);
  121. numOne.add=function(numTwo){
  122. returnthis+numTwo;
  123. }
  124. //alert(numOne.add);//undefined
  125. //alert(numOne.add(8));//这样写看起来没错，但是会报错--numOne.addisnotafunction
  126. varnumThree=newNumber(100);
  127. //如果我现在想要给numThree对象中也加上add这么一个函数
  128. //直接使用prototype这个特殊的属性来实现，给所有的Number类型实例都加入add函数
  129. Number.prototype.add=function(numTwo){
  130. returnthis+numTwo;
  131. }
  133. alert(numThree.add(200).add(300));//弹出600100+200+300=600
  134. //说明所有的Number类型确实都具有了add这么一个函数超级延时绑定--类的扩展
  136. //小例子--扩展String类，给所有的String类加上sayILoveYou
  137. //String.prototype.sayILoveYou=function(){
  138. //alert(this.toString()+",ILoveYou");
  139. //}
  140. //varstrOne="dinglang";
  141. //strOne.sayILoveYou();
  143. //javascript中的类的用法
  144. //使用构造函数的方式，定义简单的Person类（javascript函数也是一个类）
  145. functionPerson(name){
  147. this.name=name;
  148. this.age=20;
  149. varyear=2010;//定义一个私有的成员sex
  150. //this.sayHello=function(){
  151. //alert(this.name+":今年"+this.age+"岁,HelloWold");
  152. //可以直接在这里面定义sayHello成员函数（特权方法），但是每次实例化该类的时候都会重新去定义，所有还是选择用prototype属性的方式
  153. //如果在sayHello函数中要使用year这个私有对象，就可以直接在此定义这个特权方法。这就是典型的“闭包”。
  154. }
  155. //如果使用了new关键字，说明Person就是一个类。否则的话，只是一个普通的函数
  156. varp1=newPerson("丁浪");//new一个Person类的实例
  157. varp2=newPerson("蔡世友");//注意：别按照java或者C#的习惯，写成了Personp=newPerson("XXX");
  158. //给Person这个自定义的类，添加一个sayHello函数
  159. Person.prototype.sayHello=function(){
  160. alert(this.name+":今年"+this.age+"岁,HelloWold");
  161. }
  162. p1.sayHello();
  163. p2.sayHello();
  165. //实现javascript中的继承
  167. functionclassA(name){
  168. this.name=name;
  169. this.showName=function(){
  170. alert(this.name);
  171. }
  172. }
  173. functionclassB(name){
  174. //1)使用newMethod的方式实现继承
  175. //this.newMethod=classA;
  176. //this.newMethod(name);
  177. //deletethis.newMethod;//释放对象
  178. //2)调用claasA这个函数，并把他的上下文(作用域)指向this(也就是classB类的实例)
  179. //这样也能实现继承效果（使用call或者apply）
  180. classA.call(this,name);
  181. //classA.apply(this,[name]);
  182. }
  183. objA=newclassA("操作系统");
  184. objB=newclassB("组成原理");
  185. objA.showName();//弹出“操作系统”
  186. objB.showName();//弹出“组成原理”
  188. })
  189. </script>
  190. </head>
  191. <body>
  192. <divid="key"></div>
  193. </body>
  194. </html>
分享到：
| Android深入浅出之Surface[1]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics