1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>javascript高级语法2-高级类</title>
6 </head>
7 <body>
8 <script>
9 /*
10 //在js中利用function来定义类。
11 function Shape(){
12 var x=1;
13 var y=2;
14 }
15 //实例化对象；
16 var a = new Shape();
17 // 在类的内部用var定义的是私有变量。如何定义共有变量呢？
18 function Shape2(){
19 this.x = 1;
20 this.y = 2;
21 }
22 var b = new Shape2();
23 //this代表的是当前的实例。
24 alert(a.x); //undefined
25 alert(b.x); //1
26
27 //除了定义私有变量外 还可以用var定义私有函数。
28 function Shape3(){
29 var show=function(){
30 //私有函数
31 }
32 this.show2 = function(){
33 //公有函数
34 }
35 }
36
37 //用js模仿oop编程
38 function Shape4(x,y){
39 var a = 0,b = 0;
40 //模仿oop编程的构造函数
41 var init = function(){
42 a = x;
43 b = y;
44 };
45 init();
46
47 this.getX = function(){
48 return a;
49 }
50 }
51 var d = new Shape4(2,4);
52 alert(d.getX());
53
54 // js中的静态方法是作用到类身上的，而不是对象上
55 function Person(){this.str = "zhangdan"}
56 //静态变量
57 Person.age = 10;
58 Person.show = function(obj){
59 return obj.str
60 }
61 alert(Person.show(new Person()));
62
63
64 //简单类定义方法
65 var a = {};
66 var array = [];
67 a["name"] = "zhangdan";
68 alert(a.name);
69
70 */
71 //自定义map类
72 function jMap(){
73 //私有变量
74 var arr= {};
75 //增加
76 this.put = function(key,value){
77 arr[key] = value;
78 }
79 //查询
80 this.get = function(key){
81 if(arr[key]){
82 return arr[key]
83 }else{
84 return -1
85 }
86 }
87 //删除
88 this.remove = function(key){
89 delete arr[key]
90 }
91 //遍历
92 this.eachMap = function(fn){
93 for(var key in arr){
94 fn(key,arr[key]);
95 }
96 }
97 }
98
99 var country =new jMap();
100 country.put("01","zg");
101 country.put("02","tg");
102 country.put("03","mg");
103 country.put("04","jnd");
104
105 // alert(country.get("01"));
106
107 country.eachMap(function(key,value){
108 document.write(key+"-->"+value+"<br/>");
109 })
110 </script>
111 </body>
112 </html>
时间： 2025-01-07 02:24:35