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);        //这样第二个问题也得到了解决