1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <a href="javascript:void(0)" onclick="obj.say();" style="text-decoration: none;">点我</a>
9
10 <script type="text/javascript">
11 // 通过系统内置的object()定义对象
12 var obj = new Object();
13 obj.name = '张三';
14 obj.sex = 'boy';
15 obj.age = '22';
16 obj.say = function(){
17 console.log('I am ',obj.name,',a ',obj.sex,',I am ',obj.age,'years old.');
18 };
19
20 // 直接定义对象
21 var obj1={
22 name:"李四",/*此处用逗号*/
23 sex:'girl',/*此处用逗号*/
24 age:18,/*此处用逗号*/
25 say:function(){
26 console.log('I am ',obj1.name,',a ',obj1.sex,',I am ',obj1.age,'years old.');
27 }
28 };
29 obj1.say();
30
31 // 通过构造函数定义对象
32 function pen(name,sex){
33 this.name = name;
34 this.sex = sex;
35 this.say = function(){
36 console.log('I am ',this.name,',a ',this.sex);
37 }
38 }
39 var obj3 = new pen("王五",'boy');
40
41 console.log(obj3.constructor);
42 </script>
43 <br />
44 <a href="javascript:void(0)" onclick="obj3.say();" style="text-decoration: none;">再点我</a>
45
46 </body>
47
48 </html>