Javascript创建对象的学习和使用
<html>
<head>
<meta charset="utf-8">
<title>javascript对象的学习</title>
</head>
<body>
<h1>1.使用JS创建person对象,里面有id,name,age,sex属性 ,有eat,run方法 (2种方法创建)</h1><hr>
<script language="javascript">
document.write("<h2>"+"第一种方法"+"</h2>");
var person=new Object();
person.id="10010";
person.name="小别";
person.age=22;
person.sex="男";
person.eat=function(){
document.write("eat()方法:男的喜欢吃高热量的食物!");
}
person.run=function(){
document.write("run()方法:程序员要自觉锻炼身体哟!");
}
document.write("编号:"+person.id+"<br/>");
document.write("姓名:"+person.name+"<br/>");
document.write("年龄:"+person.age+"<br/>");
document.write("性别:"+person.sex+"<br/>");
person.eat();
document.write("<br/>");
person.run();
document.write("<br/>");
document.write("<h2>"+"第二种方法"+"</h2>");
var person=new Person("10011","小李",23,"男");
function Person(id,name,age,sex){
this.id=id;
this.name=name;
this.age=age;
this.sex=sex;
this.eat=function(){
document.write("eat()方法:女的应该吃低热量的食物哟!");
}
this.run=function(){
document.write("run()方法:女程序员也要自觉锻炼身体哟!");
}
}
document.write("编号:"+person.id+"<br/>");
document.write("姓名:"+person.name+"<br/>");
document.write("年龄:"+person.age+"<br/>");
document.write("性别:"+person.sex+"<br/>");
person.eat();
document.write("<br/>");
person.run();
document.write("<br/>");
document.write("<h2>"+"第三种:创建对象使用最多的方法"+"</h2>");
var person={id:"10012",name:"小赵",age:24,sex:"男",eat:function(){
document.write("eat():男的女的都喜欢吃好的");
},run:function(){
document.write("run():男的女的都懒哟!所以要自觉!");
}};
document.write("编号:"+person.id+"<br/>");
document.write("姓名:"+person.name+"<br/>");
document.write("年龄:"+person.age+"<br/>");
document.write("性别:"+person.sex+"<br/>");
person.eat();
document.write("<br/>");
person.run();
document.write("<br/>");
</script> </body>
</html>
Javascript创建对象的学习和使用的更多相关文章
- JavaScript权威指南学习笔记4
今天看了第9.10.11章,感觉收获最大还是正则表达式那章节,不过这些不用太多脑子思考,问题用到了直接查书就可以了,下面分别总结一下: 第9章类和模块:分9节,前面8节都是在讲类相关的知识,最后一节讲 ...
- JavaScript创建对象(三)——原型模式
在JavaScript创建对象(二)——构造函数模式中提到,构造函数模式存在相同功能的函数定义多次的问题.本篇文章就来讨论一下该问题的解决方案——原型模式. 首先我们来看下什么是原型.我们在创建一个函 ...
- 【学习笔记】JavaScript的基础学习
[学习笔记]JavaScript的基础学习 一 变量 1 变量命名规则 Camel 标记法 首字母是小写的,接下来的字母都以大写字符开头.例如: var myTestValue = 0, mySeco ...
- JavaScript及jQuery学习小结
最近几天学习了很多关于JavaScript和jQuery的文章,稍作梳理后,总结如下. 1.jQuery入门系列 环境搭建 只需引用一个jQuery库文件,即可完成jQuery的环境搭建. 选择器 j ...
- JavaScript 权威指南-学习笔记(一)
本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...
- Javascript 创建对象方法的总结
最近看了一下<Javascript高级程序设计(第三版)>,这本书很多人都推荐,我也再次郑重推荐一下.看过之后总得总结一下吧,于是我选了这么一个主题分享给大家. 使用Javascript创 ...
- javascript创建对象的几种方式
javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用.主要为下面几种:1.对象字面量的方式 person={firstname ...
- 深入浅出的javascript的正则表达式学习教程
深入浅出的javascript的正则表达式学习教程 阅读目录 了解正则表达式的方法 了解正则中的普通字符 了解正则中的方括号[]的含义 理解javascript中的元字符 RegExp特殊字符中的需要 ...
- Javascript提升阶段学习
JavaScript1:javascript简介 JavaScript是一种脚本语言,能实现网页内容的交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来 ...
随机推荐
- Decorator(装饰)-对象结构型模式
1.意图 动态地给一个对象添加一些额外的职责.就增加功能来说,Decorator模式相比生成子类更为灵活. 2.别名 包装器 Wrapper. 3.动机 给某个对象而不是整个类添加一些功能.一个较为灵 ...
- Tcp之异常
Tcp异常 昨研发报异常,据CMCC说是我方服务器主动断开的,于是怀疑是超时设置过短,于是我抓包,由于我接触socket时日尚短,搞不清为什么三次握手成功之后我方服务器会立刻发送fin 今天本来做实验 ...
- Ubuntu 14.04下搭建Python3.4 + PyQt5.3.2 + Eric6.0开发平台
引言 找了很多Python GUI工具集,还是觉得PyQt比较理想,功能强大跨平台,还支持界面设计器.花一天时间折腾了Ubuntu14.04(32位)+ Python3.4 + Qt5.3.2 + P ...
- linux 下部署 kafka
参考文章 http://www.cnblogs.com/sunxucool/p/4459020.html http://www.cnblogs.com/oftenlin/p/4047504.html ...
- PHP declare(ticks=N); 的作用
一般用法是 declare(ticks=N);拿declare(ticks=1)来说,这句主要作用有两种: 1.Zend引擎每执行1条低级语句就去执行一次 register_tick_function ...
- HashedWheelTimer 原理
HashedWheelTimer 是根据 Hashed and Hierarchical Timing Wheels: Data Structuresfor the Efficient Impleme ...
- 设置mysql 数据集为utf-8
To set the default to UTF-8, you want to add the following to my.cnf [client] default-character-set= ...
- 第二章 第二个spring-boot程序(转载)
本编博客转发自:http://www.cnblogs.com/java-zhao/p/5336369.html 上一节的代码是spring-boot的入门程序,也是官方文档上的一个程序.这一节会引入s ...
- 11 个 Linux 上最佳的图形化 Git 客户端
Git是软件开发和若干其他版本控制任务免费和开源的分布式版本控制系统.它被设计用来以应付一切从小到非常大的项目,基于速度,效率和数据完整性. Linux用户主要通过命令行管理Git,不过,一些图形用户 ...
- [转]linux14.04下caffe的安装步骤
linux14.04下caffe的安装步骤 原文地址:http://blog.csdn.net/xiaoyang19910623/article/details/52997481?locatio ...