第67天：面向对象的声明、封装
一、声明对象
有两种声明对象的方式.
1、var obj = new Object();
但是我们更提倡用第二种方法： 字面量式声明对象
2、var obj = {};
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8
9 </body>
10 </html>
11 <script>
12 //声明对象
13 //var obj=new Object();
14 var obj={};
15 obj.name="刘德华";
16 obj.age=55;
17 obj.showName=function(){//声明方法 方法有括号
18 alert("我是刘德华");
19 }
20 obj.showAge=function(){
21 alert("我今年55岁了");
22 }
23 console.log(obj.name);//调用属性
24 console.log(obj.age);
25 obj.showName();//调用方法
26 obj.showAge();
27 </script>二、封装对象
1 <script>
2 function Person(name,age){
3 var obj={};
4 obj.name=name;
5 obj.age=age;
6 obj.showName=function(){
7 alert("我的名字是"+name);
8 }
9 obj.showAge=function(){
10 alert("我的年龄是"+age);
11 }
12 return obj;//返回对象
13 }
14 var xiaoming=Person("小明",12);
15 console.log(xiaoming.name);
16 console.log(xiaoming.age);
17 xiaoming.showName();
18 xiaoming.age();
19 </script>三、创建实例对象
1 <script>
2 function Person(name,age){//构造函数
3 this.name=name;
4 this.age=age;
5 this.showName=function(){
6 alert("我的名字是"+name);
7 }
8 this.showAge=function(){
9 alert("我的年龄是"+age);
10 }
11 }
12 var demo=new Person("刘德华",18);//demo是实例对象
13 console.log(demo.name);//提倡这种调用方法
14 console.log(demo["name"]);
15 console.log(demo.age);
16 demo.showName();
17 </script>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-10-28 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录