学习js高级的第一天

一、创建对象的方法

        //创建一个学生对象  属性 ：名称，身高，年龄  方法：吃饭 ，跑

        1、直接声明对象（最基础的创建对象的方法）

        好处：简单，方便

        缺点：无法进行量产

        var s1={

            name:"王一",

            height:180,

            age:21,

            eat:function(){

                console.log(this.name+"正在吃饭")

            },

            run:function(){

                console.log(this.name+"正在跑")

            }

        }

        2、工厂模式创建对象

        好处：快速量产

        弊端：通过工厂模式创建的对象，没法去检测对应的类型

        function createStudent(name,age,height){

            var obj=new Object()

            obj.name=name

            obj.height=height

            obj.age=age

            obj.eat=function(){

                console.log(this.name+'正在吃')

            }

            return obj

        }

       var s1=createStudent("王一",21,180)

        var s2=createStudent("王二",22,192)

3、构造函数创建对象

        javascript ：原本不存在类这个概念

        构造函数 来模拟类

        其他类型的语言 ，创建对象->类

        类：描述一系列相同类型事物的总称  人 动物

        构造函数：js this的指向性问题

        需要五个学生对象 ，创建一个学生类(构造函数 )

        学生类：name,age,height  方法 eat run

        通常构造函数的首字母大写 类的首字母大写

        构造函数方法

        好处：1.量产 2.解决了工厂模式 无法分辨指定类型的问题

        弊端：同样的方法，会开辟不同的存储空间，造成内存的大量消耗

        function Student(name,age,height){

            this.name=name

            this.age=age

            this.height=height

            this.eat=function(){    //明明是同一种方法，但是不相等  每一个对象中eat方法，都有一个自己独立的存储空间

                console.log(this.name+'正在吃')

            }

        }

        var s1=new Student("王一",21,180)

        var s2=new Student("王二",55,58)

new 做了什么？ 面试题

        1. 创建一个空对象 {}

        2. 将构造函数中的this指向 空对象

        3. 将构造函数中所有属性 和方法 都赋值给{}

        4. 将对象返回

4、原型对象（将共用的方法 放到原型上 直接进行调用）

构造函数 ：内存消耗   共有的方法 写到原型中来节约内存  构造函数中原型 ==对象中的原型 __proto__

将共有的方法写到构造函数的原型中 ，实例化对象以后 就可以通过原型 拿到其方法

function Student(name,age,height){

            this.name=name

            this.age=age

            this.height=height

        }

Student.prototype.eat=function(){

            console.log(this.name+"正在吃")

        }

        var s1=new Student("王一",21,180)

        var s2=new Student("王二",22,222)

        s1.__proto__.run=function(){

            console.log(this.name+"正在跑")

        }

备注：

 开发过程中 ，存在各种各样的对象 比如：  老师对象  学生对象

判断当前这个对象是否属于老师

 instanceof 用于检测对应的数据类型的(简单的数据类型 数值，字符，布尔 中，必须通过new 来创建的检测成功)

typeof() 返回数据类型