前言

要求大家掌握以下内容：

1.了解什么是对象以及为什么需要对象？

2.学会创建对象创建对象的三种方式。

3.学会什么是对象的属性和方法。

4.学会怎样调用对象的属性和方法？

5.学会构造方法的使用。

一、对象是什么？

对象是一个具体的事物是一组无序的相关属性的方法的集合。简单来说对象是保存一个完整的信息和变量、数组保存信息差不多。

二、为什么需要对象？

我们保存一个值时，可以用变量。保存多个值时，可以用数组。但要保存多个值和方法时，就需要用对象来保存。对象可以将事物完整的信息保存下来。

三、创建对象的三种方式

1.利用字面量创建对象

var obj={
               uname:’张三丰’,//中间用冒号
               age:18,//最后用逗号
               sex:’男’,
               sayHi:function(){//对象里面的方法
                   console.log(‘hi~~’);
               }
           };

//里面采取键值对的形式多个属性或方法中间是逗号, 方法冒号后面跟的是一个匿名函数

调用方法

            //1.1调用对象属性方法一
           console.log(obj.uname);//对象名.属性
           //1.2调用对象属性方法二
           console.log(obj[‘age’]);//对象名[‘属性名’]
           //1.3调用对象方法
           obj.sayHi();//对象名.方法名

运行结果

2.利用new Object创建对象

var obj2=new Object();//创建对象
           obj2.uname=’刘备’;//利用等号赋值或添加属性
           obj2.age=’38’;//分号属性
           obj2.sex=’男’;
           obj2.sayHi1=function(){
               console.log(‘hi~~~’);
           }

调用方法（和第一种调用方法一样）

            console.log(obj2.uname);
           console.log(obj2[‘sex’]);
           obj2.sayHi1();

运行结果

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

//前面两种方式一次只能创建一个对象
//可以利用函数的方法重复这些相同的代码称为构造函数封装对象把相同的代码封装到函数里
           //构造函数语法
           // 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);
               }
           }

说明

//构造函数必须使用new
//只要new Star()就创建了一个对象
//属性和方法前面必须有this

var zxy=new Star(‘张学友’,19,’男’);//创建张学友对象

var ldh=new Star(‘刘德华’,18,’男’);//创建刘德华对象

console.log(ldh.name);
console.log(ldh[‘sex’]);

运行结果

四、创建王者荣耀对象。

function Wzry(name,type,blood){
               this.name=name;
               this.type=type;
               this.blood=blood;
               this.attack=function(a){
                   console.log(a);
               }
           }
           var lp=new Wzry(‘廉颇’,’力量型’,’500血量’);
           var s=console.log(lp.name+’ ‘+lp.type+’ ‘+lp.blood);
           lp.attack(‘近战’);
           var hy=new Wzry(‘后羿’,’射手型’,’100血量’);
           console.log(hy.name+’ ‘+hy.type+’ ‘+hy.blood);
           hy.attack(‘远程’);

运行结果