第174天：面向对象——公有属性、私有属性和静态属性
一、公有属性和私有属性
1 //对象构造函数
2 //私有属性好处： 安全 就类似闭包中的函数一样 减少污染
3 function Person(name){
4 //私有属性，只能在对象构造函数内部使用
5 var className = "用户对象";
6 //公有属性,在对象实例化后调用
7 this.name = name;
8 //私有方法
9 var privateFunction = function(){
10 alert(this.name); //公有属性
11 alert(className); //正确 直接通过变量名访问
12 alert(this.className); //undefined 错误 不能这样访问
13 }
14 //公有方法
15 this.publicFunction = function(){
16 alert(this.name); //公有属性
17 alert(className); //正确 直接通过变量名访问
18 alert(this.className); //undefined 错误 不能这样访问
19 }
20 }二、公有属性、私有属性和静态属性
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4 <title>test</title>
5 </head>
6 <body>
7 <script>
8 //对象构造函数
9 function Atest(name){
10 //私有属性，只能在对象构造函数内部使用
11 var className = "Atest";
12 //公有属性,在对象实例化后调用
13 this.name = name;
14 //对象方法
15 this.hello = function(){
16 alert(this.name);
17 alert(this.msg());//使用原型方法扩充的方法可以在类内部使用
18 alert(this.sex);//使用原型方法扩充的属性可以在类内部使用
19 alert(Atest.age);//静态属性调用时格式为[对象.静态属性]
20 }
21 }
22 //类方法 (实际是静态方法直接调用) 位置：Person类的外部 语法格式：类名称.方法名称 = function([参数...]){ 语句行; }
23 Atest.Run = function(){
24 alert("我是类方法 Run");
25 }
26
27
28 //原型方法
29 Atest.prototype.msg = function(){
30 alert("我的名字是："+this.name);//如果原型方法当作静态方法直接调用时，this.name无法被调用
31 }
32
33 //公有静态属性 在类的外部
34 Atest.age = 20;//公有静态属性不能使用 【this.属性】，只能使用 【对象.属性】 调用
35
36 //原型属性，当作是类内部的属性使用【this.原型属性】，也可以当成公有静态属性使用【对象.prototype.原型属性】
37 Atest.prototype.sex = "男";
38
39 Atest.Run(); //类方法也是静态方法，可以直接使用 【对象.静态方法()】
40 Atest.prototype.msg();//原型方法当成静态方法使用时【对象.prototype.方法()】
41 alert(Atest.prototype.sex);//原型属性当作静态属性使用时【对象.prototype.方法()】
42 var a = new Atest("zhangsan");//对象方法和原型方法需要实例化对象后才可以使用
43 a.hello();//对象方法必须实例化对象
44 a.msg();//原型方法必须实例化对象
45 alert(a.age)://错误，公有静态属性只能使用 【对象.属性】调用
46
47 //ps:尽量将方法定义为原型方法，原型方法避免了每次调用构造函数时对属性或方法的构造，节省空间,创建对象快.
48 </script>
49 </body>
50 </html> 本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018-02-12 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
