Javascript之面向对象

一 什么是是对象?
1.万物皆对象, 如JS中的基本数据类型如number，bool，字符串，数组，null，undefined等等都是对象;

二 那什么是面向对象?
面向对象有两层理解:
第一层就是肤浅的懂得使用它,就像你懂得使用空调但不需要理解其运作的原理
第二层你能建立一个对象;

三 面向对象有什么特性?面向对象又什么构成?
抽象 封装 继承 (还有多态);
由属性和方法构成;

四 什么是抽象?什么是封装?什么是继承?什么是属性和方法?
1.抽象指的并不是艺术上的抽象,而是值抽取关键的部分(对象);抓住核心的问题;
2.封装:将属性和方法封装成类;
3.继承:从已有的对象中继承出新的属性和方法;
4.什么是属性和方法?
属性和方法简单的说就是指向某个对象的变量和函数(挂载在某个对象下的变量和函数);

var a=0; //这是一个变量,自由的不属于任何人;
var arr=[1,2,5,9];
arr.a;  //这是一个属性; 属于一个对象
//同样的
function sum(){
    alert(1);
}//这是一个函数  不属于任何人

arr.sum=function(){
    alert(1)
}//这是一个方法 属于一个对象 arr

//在举一个例子我们来构造一个函数 例如人就是一个对象  拥有的属性有 姓名 性别 年龄等;
    var people=new Object();
    //我们来新建一个对象 Object()是个无空对象,无实际意义,不像Array()那些;
    people.name='张三'; 
    //对象的名字为张三这是他的属性;
    people.sex='男';
    //对象的性别为男性;
    people.showName=function(){
        alert(people.name);
    }
    //然后我们来执行一件事展示他的名字 这样的函数就是方法 跟挂载在对象下面;

    //当然我们为了多次使用 就得把他封装成一个函数 如下:
        function creatPeople(name, sex) {
         //这种函数就叫构造函数(类) :专门构造对象的函数;
            var obj = new Object(); //空对象
            obj.name =  name; //属性  
            obj.sex = sex; //方法
            obj.showName = function() {
                alert(this.name);
            }
            obj.showSex = function() {  `1
                alert(this.sex);
            }
            return obj
        }
        var obj1=creatPeople('张三','男');
        var obj2=creatPeople('李四','女');
        //这样就像我们经常用的封装函数;
        //但是这样子有两个问题:问题一1.没有new ;
        //2.代码虽然封装了,但是在对象调用的方法的过程中其实是另一个代码段.浪费内存,造成系统资源的浪费 obj1.name!=obj2.name;说明并没有执行同一段函数当输出确实相同的;
        //那我们来改写一下

        function CreatPeople(name, sex) {
         //构造函数(类) :专门构造对象的函    
         // var this=new Object() 系统会帮你创建一个对象this 指向调用它的实例(实例指的就是对象,这里指的是下面obj);
            this.name = name; //属性  
            this.sex = sex; //方法
            this.showName = function() {
                alert(this.name);
            }
            this.showSex = function() {
                alert(this.sex);
            }

        }
        var obj=new CreatPeople('张三','男');
        var obj1=new CreatPeople('李四','女');
        //这样子的话 没有new的问题就解决了但是第二个问题依旧还没有解决 两者依旧不相等
        //要解决这个问题我们需要用到另外一个东西 原型prototype;
        //原型的作用是使您有能力向对象添加属性和方法。
        //改写后的代码如下
        function CreatPeople(name, sex) { 
        //构造函数(类) :专门构造对象的函数00
        //  var this=new Object()
            this.name = name; //属性  
            this.sex = sex; //方法
        }
        CreatPeople.prototype.showName = function() {
                alert(this.name);
            }
        CreatPeople.prototype.showSex = function() {
                alert(this.sex);
            }
        var obj=new CreatPeople('张三','男');
        var obj2=new CreatPeople('李四','女');
        alert(obj.showName==obj2.showName);
        //这样第二个问题也得到了解决