JavaScript对象的使用

最新推荐文章于 2022-09-27 17:21:12 发布

形形色色的人

最新推荐文章于 2022-09-27 17:21:12 发布

阅读量502

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u014338577/article/details/47209943

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.创建对象

1). 使用{ }

	//对象中还有对象
	var obj = {
	name : "arilife",
	age : 26,
	birthday : new Date(1984, 4, 5),
	addr : {
		street : "Huang Quan Road",
		xno : "135",  //属性
		getStreet : function(){return this.street} //方法
	}
};
	alert(obj.addr.street);
	alert(obj.addr.getStreet());

2). new构造函数创建

a. 系统的

var obj = new Object();
obj.name = "周大福";
obj.age = 21;
obj.getAge = function(){return this.age};
alert(obj.getAge());

b. 自定义的

function Person(name, age) {
	this.name = name;
	this.age = age;
	this.getAge = function(){return this.age};
}
window.Person(“Jeery", 120);
var p = new Person("Tom", 23);

2.相关概念的理解

1). 对象:

l JavaScript对象其实就是属性的集合,具有确定性，无序性和互异性

var o = {
      p1: 3,
      p2: function(){alert("---");},
      p3: [1, "abc"],
      p4: {t:"aa"},
      p1: "xfzhang"
};

alert(o.p1);//teacher

覆盖掉最初的p1，因为对象的互异性特征

2). 对象的属性:

l 可以动态的添加和删除, 且其值可以指向任意类型的数据

	o.name = "Terry";
	delete o.p1;
	//alert(o.name);//Terry
	//alert(o.p1); //undefined

3). 对象的方法:

l 当对象的属性指向的是一个函数时, 一般会称之为方法

4). 全局对象:

l js执行的宿主环境一般会提供一个全局的对象

alert(window);//[object Window]
alert(window==this);//true

5). 全局变量和全局函数:

l 全局对象的属性和方法, 可以直接引用

全局属性就是window的属性

全局方法就是window的方法

总结：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript之面向对象(上)</title>
<script type="text/javascript">
/*
1.3. 函数也是对象
	1). 函数是一种对象数据
	只是它的内容为一段可执行的代码, 如何证明一个数据是不是对象呢?
	1.是否可以通过.调用方法或属性?    对象可以
		2.是否可以通过.来添加方法和属性?		对象可以
	3.赋值给一个变量时, 变量保存的是数据本身还是保存的数据在内存中的地址值?	保存的地址值
 */
	 var a = 3; 
	//数值3是一个基本数据, a保存的是3这个数据本身, 不能使用a.的语法
	a = function SystemOut(){alert("this is a function")};
	//函数是一个对象数据, a保存的是函数对象的地址值, 可能通过.动态给函数添加属性
	//向函数对象中添加属性和方法，因为函数对象也是对象
	a.name = "li li"; 
	a.getName = function (){return this.name};
	//alert(a.name);
	//alert(a.getName());
	//赋值给一个引用变量，引用变量保存的是变量的地址，都指向这个函数对象
	var b = a;
	//alert(b.getName());//function
	//alert(typeof a.getName);//function
	//alert(a.getName instanceof Object);//true
	//String ,Number Boolean都是object类型的对象
	var s  = new String("hello");
	//alert(typeof s);
	
	
	
	//对象还有对象
	var obj = {
	name : "arilife",
	age : 26,
	birthday : new Date(1984, 4, 5),
	addr : {
		street : "Huang Quan Road",
		xno : "135",  //属性
		getStreet : function(){return this.street} //方法
	}
};
	//alert(obj.addr.street);//Huang Quan Road
	//alert(obj.addr.getStreet());//Huang Quan Road
	
	//创建对象的两种方法
	//1.new构造函数创建（使用系统的）
	var obj = new Object();
	obj.name = "周大福";
	obj.age = 21;
	obj.getAge = function(){return this.age};
	//alert(obj.name);

	//2.new构造函数创建，使用自定义的构造函数创建
	function Person( name, age)
	{
		this.name = name;
		this.age = age;
	}
	var person = new Person("周大仙",10000);
	//alert(person.name);

	
	//相关概念
	//JavaScript对象其实就是属性的集合,具有确定性，无序性和互异性
	var o = {
      p1: 3,
      p2: function(){alert("this is function");},
      p3: [1, "dog"],
      p4: {t:"cat"},
      p1: "teacher"
};
	//alert(o);//teacher
	//可以动态的添加和删除, 且其值可以指向任意类型的数据
	
	o.name = "Terry";
	delete o.p1;
	//alert(o.name);//Terry
	//alert(o.p1); //undefined
	//函数对象也是对象，所以我还向它添加了一个属性
	o.p2.head = "TCP";
	//alert(o.p2.head);
	
	//alert(window);//[object Window]
	//alert(window==this);//true
	//全局对象的属性/方法, 可以直接引用
	Person("周小明", 12);
	alert(this.name);
	alert(name);

</script>


</head>
<body>

</body>
</html>

形形色色的人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript对象的使用

1.创建对象1). 使用{ } //对象中还有对象 var obj = { name : "arilife", age : 26, birthday : new Date(1984, 4, 5), addr : { street : "Huang Quan Road", xno : "135", //属性 getStreet : function(){retur
复制链接

扫一扫

专栏目录