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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小樱的经验随笔

BZOJ 3670: [Noi2014]动物园【KMP变形 】

3670: [Noi2014]动物园 Time Limit: 10 Sec  Memory Limit: 512 MB Submit: 2738  Solve...

3217
来自专栏云霄雨霁

函数依赖总结

952
来自专栏java一日一条

每个程序员都应该收藏的算法复杂度速查表

这篇文章覆盖了计算机科学里面常见算法的时间和空间的大 O(Big-O)复杂度。我之前在参加面试前,经常需要花费很多时间从互联网上查找各种搜索和排序算法的优劣,以...

683
来自专栏小詹同学

【记录帖】(No.001)从零打卡刷Leetcode

小詹一直觉得自己编程能力不强,想在网上刷题,又怕不能坚持。不知道有木有和小伙伴和小詹一样想找个人一起刷题呢?欢迎和小詹一起定期刷leetcode,每周一周五更新...

1033
来自专栏小红豆的数据分析

小蛇学python(16)numpy高阶用法

如果只是从事简单的数据分析,其实numpy的用处并不是很大。简单了解一下numpy,学好pandas已经够用,尤其是对于结构化或表格化数据。但是精通面向数组的编...

1102
来自专栏专知

【Leetcode235】关关的刷题日记66 –Lowest Common Ancestor of a BST

关关的刷题日记66 – Leetcode 235 Lowest Common Ancestor of a Binary Search Tree 题目 ? 题目的...

2508
来自专栏前端布道

JavaScript 浮点数陷阱及解法

众所周知,JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果,如 0.1+0.2=0.300000...

1023
来自专栏码洞

见缝插针 —— 深入 Redis HyperLogLog 内部数据结构分析

HyperLogLog算法是一种非常巧妙的近似统计海量去重元素数量的算法。它内部维护了 16384 个桶(bucket)来记录各自桶的元素数量。当一个元素到来时...

1402
来自专栏小二的折腾日记

牛客网刷题总结-剑指offer(1)

这里一般的思路肯定是,从行或者列开始找,根据递增的顺序,找到行或者列之后再判断列或者行,知道找到为止。最好的方法是,从左下角或者右上角开始找。原因是:这样的一行...

631
来自专栏编舟记

函数式编程简介

1900年,Hilbert 提出了数学界悬而未决的10大问题,后续陆续添加成了23个问题,被称为著名的 Hilbert 23 Problem。针对其中第2个决定...

1084

扫码关注云+社区