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 条评论
登录 后参与评论

相关文章

来自专栏函数式编程语言及工具

深圳scala-meetup-20180902(1)- Monadic 编程风格

刚完成了9月份深圳scala-meetup,趁刮台风有空,把我在meetup里的分享在这里发表一下。我这次的分享主要分三个主题:“Monadic编程风格“、...

673
来自专栏web前端教室

javascript 红皮高程(16)

位操作符的内容有些难度,并且也不常用。 从这几天的文章阅读量可以看出来,阅读的人比较少。 但学习这事,从来都是一件艰苦的事情,从来不轻松。 也许难懂,多看几遍就...

1726
来自专栏数据结构与算法

P2580 于是他错误的点名开始了

题目背景 XS中学化学竞赛组教练是一个酷爱炉石的人。 他会一边搓炉石一边点名以至于有一天他连续点到了某个同学两次,然后正好被路过的校长发现了然后就是一顿欧拉欧拉...

2727
来自专栏Jed的技术阶梯

Java设计模式之策略模式

刘备要到江东娶老婆了,走之前诸葛亮给赵云(伴郎)三个锦囊妙计,说是按天机拆开解决棘手问题,嘿,还别说,真是解决了大问题,搞到最后是周瑜陪了夫人又折兵呀,那咱们先...

652
来自专栏数据结构与算法

家谱 要测试数据的在评论里发联系方式

家谱(gen) 时间限制  2S 【问题描述】     现代的人对于本家族血统越来越感兴趣,现在给出充足的父子关系,请你编写程序找到某个人的最早的祖先。 【输入...

3408
来自专栏鸿的学习笔记

Python和Scala的定义变量

每一门的编程语言背后都代表着某一种特别的哲学,由这一哲学进而设计出属于这门程序语言的语法,Python和Scala也不例外。我们从变量的定义去一窥Python和...

792
来自专栏Jed的技术阶梯

Java设计模式之代理模式

什么是代理模式呢?我很忙,忙的没空理你,那你要找我呢就先找我的代理人吧,那代理人总要知道被代理人能做哪些事情不能做哪些事情吧,那就是两个人具备同一个接口,代理人...

853
来自专栏编程

Python学习笔记1——斐波那契数列

这是一个高中同学问我的问题,本来是用C来写的,正好正在学Python,就用Python重写了一遍当作练习。 下面是题目要求: ? ? 一道很简单的题目,但有些细...

19010
来自专栏HappenLee的技术杂谈

C++雾中风景5:Explicit's better than implicit.聊聊Explicit.

上面这段代码是可以通过编译运行的,可能有些小伙伴会比较困惑,为虾米这里printA函数明明需要接受的是一个A类型,但是传入的一个int类型仍然能够编译通过。

672
来自专栏算法修养

pta 习题集5-18 打印学生选课清单

假设全校有最多40000名学生和最多2500门课程。现给出每门课的选课学生名单,要求输出每个前来查询的学生的选课清单。 输入格式: 输入的第一行是两个正整...

30610

扫码关注云+社区