Javascript创建对象的学习和使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript创建对象的学习和使用相关的知识,希望对你有一定的参考价值。

 1 <html>
 2 <head>
 3 <meta charset="utf-8">
 4 <title>javascript对象的学习</title>    
 5 </head>    
 6 <body>
 7     <h1>1.使用JS创建person对象,里面有id,name,age,sex属性 ,有eat,run方法 (2种方法创建)</h1><hr>
 8     <script language="javascript">
 9         document.write("<h2>"+"第一种方法"+"</h2>");
10         var person=new Object();
11         person.id="10010";
12         person.name="小别";
13         person.age=22;
14         person.sex="男";
15         person.eat=function(){
16             document.write("eat()方法:男的喜欢吃高热量的食物!");
17         }
18         person.run=function(){
19             document.write("run()方法:程序员要自觉锻炼身体哟!");
20         }
21         document.write("编号:"+person.id+"<br/>");
22         document.write("姓名:"+person.name+"<br/>");
23         document.write("年龄:"+person.age+"<br/>");
24         document.write("性别:"+person.sex+"<br/>");
25         person.eat();
26         document.write("<br/>");
27         person.run();
28         document.write("<br/>");
29         document.write("<h2>"+"第二种方法"+"</h2>");
30         var person=new Person("10011","小李",23,"男");
31         function Person(id,name,age,sex){
32             this.id=id;
33             this.name=name;
34             this.age=age;
35             this.sex=sex;
36             this.eat=function(){
37                 document.write("eat()方法:女的应该吃低热量的食物哟!");
38             }
39             this.run=function(){
40                 document.write("run()方法:女程序员也要自觉锻炼身体哟!");
41             }
42         }
43         document.write("编号:"+person.id+"<br/>");
44         document.write("姓名:"+person.name+"<br/>");
45         document.write("年龄:"+person.age+"<br/>");
46         document.write("性别:"+person.sex+"<br/>");
47         person.eat();
48         document.write("<br/>");
49         person.run();
50         document.write("<br/>");
51         document.write("<h2>"+"第三种:创建对象使用最多的方法"+"</h2>");
52         var person={id:"10012",name:"小赵",age:24,sex:"男",eat:function(){
53             document.write("eat():男的女的都喜欢吃好的");
54         },run:function(){
55             document.write("run():男的女的都懒哟!所以要自觉!");
56         }};
57         document.write("编号:"+person.id+"<br/>");
58         document.write("姓名:"+person.name+"<br/>");
59         document.write("年龄:"+person.age+"<br/>");
60         document.write("性别:"+person.sex+"<br/>");
61         person.eat();
62         document.write("<br/>");
63         person.run();
64         document.write("<br/>");
65     </script>
66     
67 </body>
68 </html>

技术分享

 

以上是关于Javascript创建对象的学习和使用的主要内容,如果未能解决你的问题,请参考以下文章

《javascript高级程序设计》学习笔记 | 8.2.创建对象

常用Javascript代码片段集锦

JavaScript学习手册(18)

48个值得掌握的JavaScript代码片段(上)

JavaScript 代码片段

Javascript 创建对象方法的总结(每天一些学习真的很快乐)