【复习】javascript 创建对象的方式

最新推荐文章于 2025-11-24 03:12:01 发布

原创最新推荐文章于 2025-11-24 03:12:01 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

前端复习专栏收录该内容

11 篇文章

订阅专栏

本文介绍了JavaScript中创建对象的三种常见方法：字面量创建、构造函数创建和自定义构造函数创建。通过具体代码示例展示了如何使用这些方法，并解释了它们之间的区别。

字面量创建

var obj = {
	// 属性名：属性值,
	// 键值对
	// 成员
	name : '张三丰',
	age : 22,
	sex : '男',
	// 函数也是一种特殊的数据
	taiji : function () {
		console.log('打太极');
	}
};

// 遍历对象：
for ( key in obj ) {
	// 注意：访问属性有两种模式，对象.属性，对象['属性']
	// 在遍历对象的时候，必须用,对象['属性']
	console.log( obj[key] );
}

构造函数创建

// Object：构造函数
// 构造函数：也是函数，只不过构造函数要和new一起使用才有意义
// 定义对象
var o = new Object();
// 添加成员
o.name = '李寻欢';
o.age = 19;
o.sex = '男';
o.fei = function () {
	console.log('飞飞飞');
}

console.log( o.name );
// console.log( o.fei() );
// 判断o是否是Object实例话出来的对象
// console.log( o instanceof Object );
// console.log( a instanceof Array );

自定义构造函数创建

function Person (uname, age) {
	this.uname = uname;
	this.age = age;

	this.fei = function () {
		console.log('飞飞飞水上漂');
	}
}
// 和new一起使用才有意义
var o1 = new Person('假冰冰', 19);
console.log( o1 );