001-JavaScript-对象

2022/2/10 9:42:49

编程Tag： javascript 方法属性对象 Person 001 FullName

本文主要是介绍001-JavaScript-对象，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!--
	JavaScript对象
		JavaScript对象拥有属性和方法的数据
	真实生活中的对象,属性和方法
		真实生活中,一辆汽车是一个对象.
		对象有它的属性,如重量,颜色等,方法有启动等
	对象
		所有的汽车都有这些属性,但是每款车的属性都不尽相同
		所有汽车都拥有这些方法,但是他们被执行的时间都不尽相同
	JavaScript对象
		在JavaScript中,几乎所有事物都是对象
		在JavaScript中,对象非常重要,当你了解了对象,就可以了解JavaScript
		你已经学习了JavaScript的赋值.
		以下代码为变量car设置值为"Fiat"
		var var = "First";
		对象也是一个变量,但是对象可以包含多个值(多个变量),每个值以name:value呈现
		在以上实例中,3个值("Fiat", model:500, color:"white");
		在以上实例中,三个值("Fiat, 500, white")赋予变量car
		JavaScript对象是变量的容器
	对象定义	
		您可以使用字符来定义和创建JavaScript对象
		实例
		var person = {firstName:"John",lastName:"Die", age:50, color:"blue"}
	对象属性:
		可以说JavaScript对象是变量的容器
		但是我们通常认为JavaScript对象是键值对的容器
		键值对通常写法为name:value(键值以冒号分割)
		键值对在JavaSCript对象统称为对象属性
		JavaScript对象是属性变量的容器
		对象键值对的写法类似于:
		-PHP中的关联数组
		-Python中的字典
		-C语言中的哈希表
		-Java中的哈希映射
		-Ruby和Pert中的哈希表
	访问对象属性:
		您可以通过两种方法访问对象属性
		实例1
		person.lastName;
		实例2
		person["lastName"];
	对象方法:
		对象方法定义了一个函数,并作为对象的属性存储
		对象方法通过添加()调用(作为一个函数)
		该实例访问了person对象的fullName()方法
		name = person.fullName();
		JavaScript对象是属性和方法的容器
	访问对象方法
		你可以使用以下语法创建对象方法:
		methodName:function(){
			//代码
		}
		你可以使用以下语法访问对象方法:
		实例:
		objectName.methodName();
		通常fullName()是作为person对象的一个方法,fullName是作为一个属性
		如果使用fullName属性,不添加(),他会返回函数的定义:
		有各种方法可以创建,使用和修改JavaScript对象,同样有多种方式用来创建,使用和修改属性和方法
		
	-->
	<body>
		<p>创建 JavaScript对象</p>
		<p id="demo1"></p>
		<p>创建和使用对象方法</p>
		<p>对象方法作为一个函数定义存储在对象属性中.</p>
		<p id="demo2"></p>
		<p>对象方法是一个函数定义,并作为一个属性值存储</p>
		<p id="demo3"></p>
		<script>
			var person = {
				firstName:"John",
				lastName:"Doe",
				age:50,
				eyeColor:"blue",
				fullName:function(){
					return this.firstName+" "+this.lastName; 
				}
				
			}
			var demo1 = document.getElementById("demo1");
			demo1.innerHTML=person.firstName+"现在"+person.age+"岁";
			var demo2 = document.getElementById('demo2');
			demo2.innerHTML=person.fullName();
			var demo3 = document.getElementById('demo3');
			demo3.innerHTML ="不加括号输出函数表达式: "+ person.fullName;
		</script>
	</body>
</html>

这篇关于001-JavaScript-对象的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

001-JavaScript-对象

相关编程文章