JavaScript基础 对象内容讲解

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、对象是什么？
• 二、为什么需要对象
• 三、创建对象的三种方式
• 四、案例
• 总结

---

前言

要求大家掌握以下内容：

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('远程');

运行结果

说明：
            //1.对象是具体的事物 特指某一个
            //2.构造函数是泛指的某一大类
            //3.利用构造函数创建对象的过程也成为对象的实例化

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了怎样创建对象和调用，需要注意构造函数必须得new对象。还有方法里this关键字的使用。