JavaScript对象的基础

本文深入讲解了对象的概念,包括其定义、用途、组成元素(属性和方法),以及如何访问对象内部数据。通过实例演示了属性名编码的使用场景及其限制。

1、什么是对象

多个数据的封装体
用来保存多个数据的容器
一个对象代表现实中的一个事物

2、为甚要用对象?

管理多个数据

3、对象的组成?

对象是由方法属性组成的。

var p ={
//属性
	 		name:'Tom',
	 		age:19,
	 		setName:function(name){
	 			this.name=name;
	 		},
	 		//方法
	 		setAge:function(age){
	 			this.age=age;
	 		},
	 	}

3.1怎么区分方法和属性?

*(1)属性:
代表现实的事物;
属性名都是字符串类型,属性值是任意类型;
属性名(字符串)和属性值(任意类型组成。
**(2)方法:
代表现实事物的行为数据;
是一种特别的属性(属性值是函数)

4、如何访问对象内部数据?

***(1).属性名 编码简单,有时不能用
*(2)[‘属性名’] 编码复杂,通用
* 4.1 “.属性名”什么情况不能用?

var p ={
	 		name:'Tom',
	 		age:19,
	 		setName:function(name){
	 			this.name=name;
	 		},
	 		setAge:function(age){
	 			this.age=age;
	 		},
	 	}
	 	p.setName('bob')
	 	p['setAge'](23);
	 	console.log(p.name);//'bob'
	 	console.log(p['age']);//23
	 </script>

5、什么时候 “.属性名”什么情况不能用 ?

***1、属性名包含特殊字符:-空格
*2、变量名不确定(字符串)

<script>
	var p={};
	// 1、给p对象添加一个属性:content-type:text/json
	// p.content-type='text/json';//报错
	p['content-type']='text/json';//属性名包含-
	console.log(p['content-type'])
	// 2、变量名不确定
	var propName='myAge';
	var value=19;
	// p.propName=value;//不可用
	p[propName]=value;
	console.log(p[propName]);
</script>

以上是对象的基础,下一个博文,将会写面向对象的高级部分。
转载问题,就不用我多说了吧。我们都是文明人。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值