JavaScript程序基础(十四)自定义对象-直接创建法

一、对象简介什么是类我经常看到某某大学表白墙上写着找对象的条件:“170cm以上的女生、端庄漂亮、温柔体贴、学习好、会做饭、懂浪漫…”。这些条件可以理解为类(Class),就是一个模板,代表符合条件的这一类女生。什么是对象正巧,一位名叫石榴姐的女孩具备这些条件。石榴姐是客观存在的事物,她就是对象(Object),是符合条件的一个具体女生。初步体验对象<!DOCTYPE html><html> <head> <meta cha
摘要由CSDN通过智能技术生成

一、对象简介

  1. 什么是类
    我经常看到某某大学表白墙上写着找对象的条件:
    “170cm以上的女生、端庄漂亮、温柔体贴、学习好、会做饭、懂浪漫…”。
    这些条件可以理解为类(Class),就是一个模板,代表符合条件的这一类女生。

  2. 什么是对象
    正巧,一位名叫石榴姐的女孩具备这些条件。
    石榴姐是客观存在的事物,她就是对象(Object),是符合条件的一个具体女生。

  3. 初步体验对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
        <input type="button" id="mybtn" value="click me" />
		<script type="text/javascript">
			var student = {
     
                name:"张三",
                sex:"男",
                age:20
            }

            document.write(student.name+"<br />");
            document.write(student.sex+"<br />");
            document.write(student.age+"<br />");
		</script>
	</body>
</html>

这里,student就是一个对象,同时隐含了学生模板,包括姓名,性别,年龄三个部分。
student代表一名具体的学生,姓名是张三,性别为男,年龄20岁。

  1. 什么时候用对象
    对象的概念是一个理解上的难点。
    编程时,如果遇到一个简单的数据,考虑用基础数据类型。
    例如,我们要简单的表示一个分数:
var score=90;

编程时,如果遇到一个复杂的数据,考虑用对象。
例如,我们要表示一个网站用户,需要多个数据:

var userid="admin";
var pwd="123";
var email="a@123.com";
此时,考虑用对象来表示:
var user1={
     loginid: "admin",
     pwd: "123",
     email: "a@123.com"
}

我们可以把对象当作是归档好的一组数据。

  1. JavaScript中的类
    JavaScript语言没有“类”,而改用构造函数(constructor)作为对象的模板。
    所谓“构造函数”,就是专门用来生成“对象”的函数。它提供模板,作为对象的基本结构。

  2. JavaScript中的对象
    JavaScript语言中的对象,实际上是一个数据单元,属于一种数据类型(复合数据类型)。就是一些变量和函数的集合。
    对象中的变量叫属性;对象中的函数叫方法。

  3. 对象的属性
    对象的属性就是对象具备的各种特征,对象的每个属性都具有特定的值。
    石榴姐这个对象,“性别 = 女;身高 = 170cm ”就是对象的属性。

  4. 对象的方法
    对象的方法就是对象执行的操作,对象的方法表明对象能干什么。
    石榴姐这个对象,“学习好、会做饭、懂浪漫”就是对象的方法。

  5. 类与对象的关系和区别
    类是抽象的概念,仅仅代表事物的模板,比如说“女朋友”、“男朋友”。
    对象是一个能够“看得到,摸得着的”具体的实体,比如石榴姐。

二、直接创建自定义对象

  1. 语法格式:
    var 对象名 = {
    属性名1:属性值1,
    属性名2:属性值2,

    属性名n:属性值n
    };

定义示例:

var User = {
        name:"admin",
        pwd:"123"
};

使用方法1:对象名.属性名

document.write(User.name);
document.write(User.pwd);
使用方法2:对象名[属性名]
document.write(User['name']);
document.write(User['pwd']);
  1. 直接创建对象示例:创建一个篮球球员的对象player,通过对象实例获取对象中的属性并输出。
<!DOCTYPE html>
<html>
	
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值