JavaScript 对象及 三个创建方法

1.什么是对象

现实生活中，对象是一个具体的事物，看得见摸得着的,一个数据库，一张网页，一个远程服务器的连接也可以算是对象

1.1什么是JS对象

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

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

• 属性；事物的特征，在对象中用属性来表示（常用名词）
• 方法；事物的行为，在对象中用方法来表示（常用动词）

2.创建对象的三种方式；

• 利用 字面量 创建对象
• 利用 new Object 创建对象
• 利用 构造函数 创建对象

2.1利用字面量创建对象

对象字面量；就是花括号{ } 里面包含了表达式这个具体事物（对象）的属性和方法。

对象的调用

• 对象里面的属性调用:对象.属性名，这个小点.就理解为“的”
• 对象里面属性的另一种调用方式:对象[‘属性名’ ]，注意方括号里面的属性必须加引号，我们后面会用
• 对象里面的方法调用:对象.方法名，注意这个方法名字后面一定加括号

代码

// 利用字面量创建对象 {}
    // var obj = {}; // 创建了一个空的对象
    var obj = {
		uname:'胖大海',
		age:'18',
		sex:'男',
		sayHi:function(){
			console.log('hi~');
		}
    }
	(1) 里面的属性或者方法我们采取键值对的形式  键 属性名 ； 值 ；属性值
	(1) 多个属性或者方法中间用逗号隔开的
	(3) 方法冒号后面跟的是一个匿名函数
	 2. 使用对象
	 (1) 调用对象的属性 我们采取 对象名.属性名 .我们理解为 的
	console.log(obj.uname);
	(2) 调用对象属性还有一种方法 对象名['属性名']
	console.log(obj['age']);
	 (3) 调用对象的方法(函数) sayHi 对象名 . 方法名 千万别忘记添加小括号()
	obj.sayHi();

2.2变量、属性、函数、方法总结

• 变量；单独声明赋值、单独存在
• 属性；对象里面的变量称为属性，不需要声明，用来描述该对象的特征
• 函数；单独存在的，通过 “函数名()” 的方式就可以调用
• 方法；对象里面的函数称为方法，方法不需要声明，使用“对象 . 方法名()“ 的方式就可以调用，方法用来描述该对象的行为和功能。

3.利用 new Object创建对象

3.1跟newArr创建数组原理相似
采用追加的方式
代码

 利用 new Object 创建对象
	var obj = new Object(); // 创建了一个空的对象
	obj.uname = '胖大海';
	obj.age = '18';
	obj.sex = '男';
	obj.sayHi = function(){
		console.log('hi~');
	}
	 1.采用追加的方式
	 (1) 利用等号 = 赋值的方法 添加对象的属性和方法
	 (2) 每个属性和方法之间用 分号结束;
	console.log(obj.uname);
    console.log(obj['sex']);
	obj.sayHi();

4.利用构造函数创建对象

问；我们为什么需要使用构造函数来创建对象？
答；因为我们需要多个对象，可以利用函数的方法 重复这些相同的代码，我们就把这个函数称为 构造函数

4.1 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用，我们可以把对象中的一些公共的属性和方法抽取出来，然后封装到这个函数里面。

代码

 利用构造函数创建对象
     我们需要创建四大天王的对象 相同的属性：姓名 年龄 性别   相同的方法：唱歌
    function 构造函数名(){
		this.属性 = 值;
		this.方法 = function(){}
    }
    new 构造函数名();


	function Star(uname,age,sex){
		this.name = uname;
		this.age = age;
		this.sex = sex;
		this.sing = function(sang){
		  console.log(sang);
		}
	}
	
	var ldh = new Star('刘德华',18,'男');    调用函数返回的是一个对象 
	console.log(ldh.name);	
	console.log(ldh['age']);
	ldh.sing('冰雨');
	
	var zxy = new Star('张学友',20,'男');
	console.log(zxy.name);	
	console.log(zxy['age']);
	zxy.sing('天蓝蓝');
	
	var gfc = new Star('郭富城',30,'男');
	console.log(gfc.name);
	console.log(gfc['age']);
	gfc.sing('秋草香');
	
	 1.构造函数名字首字母要大写
	 2.构造函数不需要 return 就可以返回结果
	 3.我们调用构造函数 必须使用 new
	 4.我们只要 new Star() 调用函数就创建一个对象 ldh {}
	 5.我们的 属性 和 方法 前面必须添加 this