淘先锋技术网

首页 1 2 3 4 5 6 7

 在JavaScript中,对象可以看作无序的集合数据类型,由若干个键值对组成的(key:value)
 万物皆对象,每个对象都带有属性和方法
 对象可以用来统一管理多个数据

对象是一种具体的事物,例如:一本书(我的这本书),一个电脑(我这个电脑),在计算机中,一个网页 一个数据库也可以看作一个对象

在JavaScript中,对象是一种数据类型  它是由属性和方法组成的一个集合
 属性是指事物的特征,方法是事物的行为

方式1

使用字面量{}创建对象

//使用字面量创建对象
var obj = {}   /创建了一个空对象obj
//创建一个tom对象
var tom = {
    tname:"Tom",
      age:'18',
      sex:'男',
   action:function(){
     console.log("我会打篮球")    
    }
}
// 对象里面的属性我们可以使用键值对(key:value)的形式
// 多个属性和方法之间使用逗号分割
// 方法冒号后面跟的是一个函数(匿名函数)

// 使用对象
// 1.对象名.属性名
	console.log(tom.age);
// 2.对象名['属性名']
	console.log(tom['sex']);
			
// 使用对象的方法
	tom.action()

方式2

使用new Object()创建对象

// 使用new Object()创建对象
		var obj = new Object();  //创建了一个空对象
		obj.name = "李四";
		obj.age = 18;
		obj.sex = "男";
		obj.action = function(){
		console.log("弹吉他");
	}
// 利用= 赋值的方法添加对象的属性和方法
// 每个属性和方法以分号结束
			
// 查看对象的属性
console.log(obj);  //查看对象
console.log(obj.name);  
console.log(obj['age']);
// 调用对象的方法
obj.action();

方式3

使用构造函数创建对象

/我们创建一个对象,里面的很多的属性和方法是大量相同的,我们只能复制,因此我们可以利用函数的方法,重复这些相同代码,我们就把这个函数称为构造函数,又因为这个函数不一样,里面封装的不是普通的代码,而是对象,
 构造函数----就是把对象里面的以一些相同的属性和方法封装到函数里面

	// 语法
			// function   构造函数名(){
			// 	this.属性 = 值;
			// 	this.方法 = function(){}
			// }

			// 使用构造函数创建对象
			// new 构造函数名()

			// 创建一个张三对象
			// 相同的属性:名字 性别 年龄
			// 相同的方法:play game

			function Person(pname, age, sex) {
				this.name = pname;
				this.age = age;
				this.sex = sex;
				this.play = function(game) {
					console.log(game);
				}
			}

	var zhangSan = new Person("张三", 18, "男");
			console.log(zhangSan.name);    //张三
			zhangSan.play("三国杀");   //给张三添加方法 

        //总结
            //构造函数名字首字母要大写
			// 构造函数不需要return 就可以返回结果
			//调用构造函数时,必须使用new关键字
			// 我们只要new Person 就会创建一个对象 
			// 我们的属性和方法前面要加this关键字

以上就是JavaScript中创建对象的三种方式