JS- 封装、继承、多态

最新推荐文章于 2025-05-21 16:06:01 发布

告别只是另一种体验

最新推荐文章于 2025-05-21 16:06:01 发布

阅读量821

点赞数

CC 4.0 BY-SA版权

分类专栏： JS--封装-继承文章标签： JS--封装-继承

本文链接：https://blog.youkuaiyun.com/oncached/article/details/51527393

JS--封装-继承专栏收录该内容

1 篇文章

订阅专栏

1 function myfun1(){
2 //这是私有属性
3 var private1 = “这是私有属性”;
4 var privateMethod = function(){
5 alert(private1);
6 }
7 //这是实例属性
8 this.publicvar = “这是实例属性”;
9 this.public1 = function(){
10 privateMethod();
11 }
12 }
复制代码

1 var newfun1 = new myfun1();
2 newfun1.public1(); //这是私有属性
3 alert(newfun1.publicvar);//这是实例属性
4 alert(newfun1.private1); // undefined newfun1.privateMethod(); //运行错误

复制代码
1 function myfun2(){
2 }
3 myfun2.staticvar = “这是静态属性”;
4 myfun2.staticmethod = function(){
5 alert(myfun2.staticvar);
6 }
7 var newfun2 = new myfun2();
8 //newfun2.staticmethod();//运行错误;
9 alert(newfun2.staticvar);//undefined
复制代码

复制代码
1 //静态私有成员
2 var myfun3 = (function(){
3 function privateProperty(){
4
5 }
6 privateProperty.staticvar = “这是静态私有成员”;
7 privateProperty.staticmethod = function(){
8 alert(privateProperty.staticvar);
9 }
10 privateProperty.staticmethod();
11 return privateProperty
12 })();
复制代码

复制代码
1 //静态类
2 var funcount = 0;
3 var myfun4 = new function(){
4 funcount++;
5 this.printCount = function(){
6 alert(funcount);
7 }
8 }
9 myfun4.printCount(); //输出1;
10 myfun4.printCount(); //输出1;
11 myfun4.prototype.amethod = function(){
12 alert(“原型对象”);
13 }//运行错误
14 var newfun4 = new myfun4();
15 newfun4.amethod();
复制代码

复制代码
1 //运行错误,说明myfun3创建并实例化之后就不能再为它添加方法,属性
2 new myfun3.constructor().printCount();//如果你确实想实例化,这样也可以.
3 //原型继承
4 var myfun5 = function(){
5
6 }
7 myfun5.prototype.myfun5_extend = function(){
8 alert(“这是原型继承的”);
9 }
10 var myfun5_sub = function(){
11
12 }
13 myfun5_sub.prototype = new myfun5();
14 var newfun5 = new myfun5_sub();
15 newfun5.myfun5_extend(); //这是原型继承的
16 //调用继承
17 var myfun6 = function(){
18 this.method_p = function(){
19 alert(“这是调用继承的”);
20 }
21 }
22 var myfun6_sub = function(){
23 myfun6.call(this);
24 }
25
26 var newfun6 = new myfun6_sub();
27 newfun6.method_p();//这是调用继承的
28 //覆盖
29 var myfun7 = function(){
30 this.method = function(){
31 alert(“这是父对象方法”);
32 }
33 }
34 var myfun7_sub = function(){
35 this.method = function(){
36 alert(“这是子对象方法”);
37 }
38 }
39 myfun7_sub.prototype = new myfun7();
40 var newfun7 = new myfun7_sub();
41 newfun7.method(); //这是子对象方法,父对象方法被覆盖了.
42 //多态
43 function myfun8(a, b){
44 var a = a;
45 var b = b;
46 if (typeof a == “number” && typeof b == “number”) {
47 alert(a * b);
48 } else if (typeof a == “string” && typeof b == “string”) {
49 alert(a + b);
50 } else {
51 alert(“输入错啦”);
52 }
53 }
54
55 myfun8(3, 4); // 输出12;
56 myfun8(“hi,”, “你好”);//输出hi,你好;
57 myfun8(“hi”, 5);//输入错啦.
58
复制代码
1 function myfun1(){
2 //这是私有属性
3 var private1 = “这是私有属性”;
4 var privateMethod = function(){
5 alert(private1);
6 }
7 //这是实例属性
8 this.publicvar = “这是实例属性”;
9 this.public1 = function(){
10 privateMethod();
11 }
12 }
复制代码

1 var newfun1 = new myfun1();
2 newfun1.public1(); //这是私有属性
3 alert(newfun1.publicvar);//这是实例属性
4 alert(newfun1.private1); // undefined newfun1.privateMethod(); //运行错误