javascript学习笔记01（创建对象）

最新推荐文章于 2025-12-31 16:31:20 发布

原创最新推荐文章于 2025-12-31 16:31:20 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了JavaScript中创建对象的三种常见方法：使用字面量、利用new Object和通过构造函数，并详细解释了每种方法的特点及应用场景。

在javascript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，如字符串、数值、数组、函数等。

创建对象的三种方式

1、利用字面量创建对象
代码展示：

// 创建对象
var obj = {
	unname: '张三',
	age: 18,
	sex: '男',
	sayHi: function() {
	console.log('hi~');
	}
}
// 调用对象
console.log(obj.unname);
console.log(bbj['age']);
obj.sayHi();

注：
（1）里面的属性或者方法我们采取键值对的形式键属性名：值属性值
（2）多个属性或方法用逗号隔开，最后一个不用加逗号
（3）方法冒号后面跟的是一个匿名函数
~~调用对象的方法：~~
对象名.方法名，如： obj.sayHi();

2、利用 new Object 创建对象
代码展示：

// 利用new Object 创建对象
var obj = new Object(); //创建了一个空的对象，O记得要大写！！
obj.unname = '张三';
obj.sex = '男';
obj.age = 18;
obj.sayHi = function() {
	alert('hi~');
	}
// 对象的使用跟上面那种方式一样

3、利用构造函数创建对象
因为前面两种创建对象的方式只能创建一个对象，而构造函数创建对象可以创建多个含有相同的属性名但不同的属性值的对象，可以大大提高效率。
构造函数的语法格式：
function 构造函数名() {
this.属性 = 值；
this.方法 = function() {}
代码展示：

function Star(unname,age,sex) {
	this.name = unname;
	this.age = age;
	this.sex = sex;
	this.song = function(songname) {
		console.log(songname);
	}
// 调用对象
var ldh = new Star('刘德华','18''男');
var zxy = new Star('张学友','19','男')；
console.log(ldh.name);
ldh.song();

注：
（1）构造函数首字母建议大写；
（2）不需要return 就可以返回结果；
（3）调用构造函数，必须要用 new
~~ new 关键字执行过程~~
（1）new 构造函数可以在内存中创建一个空的对象
（2）this 就会指定刚才创建的对象
（3）执行构造函数里面的代码，给这个空对象添加属性和方法
（4）返回这个对象（不用return）