javascript之Object类型属性、方法

本文深入讲解JavaScript中对象的创建、属性操作及遍历方法。包括如何通过构造函数创建对象、设置属性、删除属性以及使用for...in语句进行遍历。此外还介绍了对象的一些内置方法如hasOwnProperty和propertyIsEnumerable。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html>
	<head>
		<title>005</title>
		<script type="text/javascript" charset="utf-8">
			//Object类是所有类的基础类。
			/*
			//var obj=new Object();
			var obj={};//也相当于创建一个对象,实例化对象。
			//
			obj.name='张三';
			obj.age=20;
			obj.sex='男';
			obj.say=function(){
				alert('hello world');
			}
			
			//alert(obj.name);//张三
			//alert(obj.age);//20
			//obj.say();//hello world
			//删除一个对象的属性。
			//delete操作符, 删除对象的属性或方法。
			delete obj.age;
			delete obj.say;
			
			alert(obj.name);//张三
			alert(obj.age);//undefined
			alert(obj.sex);//男
			obj.say();//什么都没有,在控制台上会显示报错。
			*/
			
			//如何去遍历一个js对象 for in 语句式
			
			var obj={};
			obj.name='张三';
			obj.age=20;
			obj.sex='男';
			obj['birthday']='1980-08-07';//这样也可以为给对象设置属性,但是要放上双引号或是单引号。
			obj.say=function(){
				alert('hello world');
			}
			/*
			for (var attribute in obj){
				alert(attribute+":"+obj[attribute]);//这里是js的一个特性,不能用obj.attribute
			}//name:张三  age:20  sex:男  say: obj.say=function(){alert('hello world');}
			*/
			//Constructor保存对象的创建函数
			/*
			alert(obj.constructor);//function Object() { [native code] }
			
			var arr=[];
			alert(arr.constructor);//function Array() { [native code] }
			*/
			
			//hasOwnProperty(propertyName)方法 用于检测给定属性在对象中是否存在。
			//alert(obj.hasOwnProperty('name'));//true
			
			//isPrototypeOf(Object)这个方法检测原型,暂时先不讲,等学到原型再讲。
			
			//propertyIsEnumerable(propertyName):用来判断给定的属性是否能用for in 循环来枚举。
			alert(obj.propertyIsEnumerable('name'));//true,因为之前都已经枚举过了。
			/*
			alert(obj.propertyIsEnumerable('say'));//true
			*/
			
			//toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应。
			//toString :返回对象的字符串表示。
			//valueOf :返回对象的字符串、数值或是布尔表示。


			//定义对象,千万要记住这样定义对象,各属性之间千万要用逗号隔开,而不是分号。
			//person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
			
			
		
		</script>
	</head>
	<body>
	
	</body>
</html>

### JavaScriptObject 类型的使用方法 #### 创建对象的方式 在 JavaScript 中,有多种方式来创建 `Object` 对象: - **字面量表示法** 这是最常见的创建对象方法。 ```javascript let objLiteral = { name: "example", value: 42, }; ``` - **通过构造函数** 可以显式调用 `new Object()` 来创建一个新的对象实例。不过通常建议采用更简洁的对象字面量形式[^4]。 ```javascript let newObj = new Object(); newObj.name = 'test'; ``` #### 访问和设置属性 可以通过点操作符`.` 或者方括号`[]`语法来访问或修改对象上的属性: ```javascript let person = {name: "John", age: 30}; console.log(person.name); // John person['age'] += 1; ``` #### 原型链与继承机制 每个对象都有一个内部链接指向其原型对象 (`[[Prototype]]`) ,这构成了所谓的“原型链”。当尝试读取某个不存在于当前对象中的属性时,JavaScript 解释器会在原型链上查找直到找到为止或者到达顶端 (通常是 `null`)。 对于任何普通对象而言,默认情况下它们都继承自 `Object.prototype`,这意味着可以直接利用后者提供的通用功能而无需重新实现这些特性。例如,下面的例子展示了如何验证特定对象是否存在于另一个对象的原型链中[^1]: ```javascript // 所有的内置类型(除了那些明确指定其他原型的对象)都会返回true, // 表明它们最终都是基于Object.prototype构建起来的。 console.log(Object.prototype.isPrototypeOf({})); // true console.log(Object.prototype.isPrototypeOf([])); // true console.log(Object.prototype.isPrototypeOf(/xyz/)); // true console.log(Object.prototype.isPrototypeOf(Object.create(null))); // false ``` #### 获取对象的原型 要获取给定对象的实际原型,可以使用 `Object.getPrototypeOf()` 函数。此函数接收单个参数并返回该参数所关联的原型对象;如果没有任何可追溯到更高层次级联结构的信息,则返回 `null`[^2]. ```javascript const protoObj = {}; const myInstance = Object.create(protoObj); console.log(Object.getPrototypeOf(myInstance) === protoObj); // true ``` #### 定义 getter 和 setter 方法 为了控制对某些字段的操作行为,可以在定义属性的同时为其配置相应的存取描述符(`get/set`). 当有人试图读写受保护的数据成员时就会触发对应的逻辑处理过程[^3]. 下面是一个简单的例子说明了这一点: ```javascript let temperature = { _value: 0, set celsius(newValue){ this._value = newValue; }, get fahrenheit(){ return this._value * 9 / 5 + 32; } }; temperature.celsius = 100; console.log(temperature.fahrenheit); // 输出:212 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值