设计模式、js继承及splice()方法

一、设计模式

使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。

1.工厂模式：

建立创建对象的工厂，解决了创建多个对象的问题,但是没有结解决对象识别的问题

function Person(name,age,sex){
    var obj=new Object();
    obj.name=name;
    obj.age=age;
    obj.sex=sex;
    return obj;
}
var person=Person("张三",18,"男");//对象实例化
console.log(person);

2.构造模式

没有显示的创建对象,没有返回语句,直接将属性赋给this对象,将实例对象标识为一种特定的类型。
缺点：每个方法在每个实例上面都需要重新定义一遍。

function Person1(name,age,sex){
    this.name=name;
    this.age=age;
    this.sex=sex;
    this.action=function (){
        return "跑";
    }
}
var person1=new Person1("李四",19,"男");
console.log(person1);

function Person11(){
    this.name="不知道";
    this.age=20;
    this.action=function (){
        return "跑";
    }
}
var person11=new Person11();
console.log(person11);

3.原型模式：

创建重复的对象，同时又能保证性能，省略了为构造函数传递初始化参数,结果所有实例享有相同的属性，基本属性我们可以在实例当中添加一个同名属性。
缺点：隐藏原型当中的对应的属性,但是引用类型的属性却会导致所有实例共享。

function Person2(){

}
Person2.prototype.name="王麻子";
Person2.prototype.age=20;
Person2.prototype.height=180;
var person2=new Person2();
console.log(person2);

4.组合使用原型模式与构造模式

构造函数用于定义实例属性,原型上面定义共享的属性和方法，避免这两种模式的缺点。

function Person3(name,age,sex){
    this.name=name;
    this.age=age;
    this.sex=sex;
}
Person3.prototype.height=190;
var person3=new Person3("张思",21,"女");
console.log(person3);

5.动态原型模式

function Person4(name,age,sex){
    this.name=name;
    this.age=age;
    this.sex=sex;
    if(typeof this.height!="function"){
        this.height=159;
    }
}
var person4=new Person4("你猜",18,"男");
console.log(person4);

6.单例模式（单子模式、单体模式）：

涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建

var Person5=(function(){
    var person5;
    function getobj(){
        if(person5==undefined){
            person5=new factory();
        }
        return person5;
    }
    function factory(){
        this.name="张三";
        this.age=20;
        this.sex="女";
    }
    return {
        getObj:getobj
    }
})();
console.log(Person5.getObj());

二、js继承

继承就是子类继承父类的属性和行为，使得子类对象（实例）具有父类的实例域和方法，或子类从父类继承方法，使得子类具有父类相同的行为。

1.原型链继承：

所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法。

function Student(){
    this.name=null;
    this.eat=function(){
        return "吃";
    };
    this.sleep=function(){
        return "睡";
    }
}
function Student1(){
    this.type="张三";//直接添加至子类中
}
Student1.prototype=new Student();
Student1.prototype.age="18";//加入父类
var stu=new Student1();
console.log(stu);
console.log(stu instanceof Student1);//true
console.log(stu instanceof Student);//true

2.构造继承：

call ，apply：对象指针的替换，两者传递的参数的方式不一样。

function People(){
    this.name=arguments[0];
    this.age=arguments[1];
    this.sport=function(){
        return this.name+"跑！";
    };
}
function Student2(){
    this.score=arguments[0];
}
function Enginner(name,age,score){
    People.call(this,name,age)；//多个参数
    Student2.apply(this,[score]);//有两个参数
}
var eng=new Enginner("张三","19",100);
console.log(eng);
console.log(eng instanceof Student2);//false
console.log(eng instanceof Enginner);//true

3.实例继承：

function f1(){
    this.name=null;
    this.age=null;
    this.sport=function(){
        return "跑";
    }
}
function f2(){
    var f=new f1();
    return f;
}
var fChild=new f2();
console.log(fChild);
console.log(fChild instanceof f2);//false
console.log(fChild instanceof f1);//true

4.组合继承：

function MuTou(){
    this.name=arguments[0];
    this.color=arguments[1];
    this.make=function(){
        return "制作";
    }
}
function BanDeng(name,color){
    MuTou.apply(this,[name,color]);
}
BanDeng.prototype=new MuTou();
var banDeng=new BanDeng("板凳","红色");
console.log(banDeng);
console.log(banDeng instanceof MuTou);//true
console.log(banDeng instanceof BanDeng);//true

三、splice()方法

splice() 方法用于添加或删除数组中的元素。
注意：这种方法会改变原始数组
语法：array.splice(index,howmany,item1,.....,itemX)
参数 ：

• index：必需。规定从何处添加/删除元素。
• howmany：必需。规定应该删除多少元素。必须是数字，但可以是 “0”。
  如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
• item1, …, itemX：可选。要添加到数组的新元素。

举例：

移除数组的第三个元素，并在数组第三个位置添加新元素:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");//Banana,Orange,Lemon,Kiwi,Mango

从第三个位置开始删除数组后的两个元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);//Banana,Orange

数组中添加新元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");//Banana,Orange,Lemon,Kiwi,Apple,Mango