一、声明对象
有两种声明对象的方式.
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>