js笔记三十之单例模式和工厂模式

单例模式

对象数据类型的作用:

把描述同一个实物(同一个对象)的属性和方法放在一个内存空间下,起到了分组的作用,这样不同事物之间的属性即使属性名相同, 相互也不会发生冲突
--- 这种分组编写代码的模式叫做: 单例模式

在单例模式中我们把person1或person2叫做"命名空间"

var person1 = {    name:"lilei",    age:18}var person2 = {    name:"hanmeimei",    age:16}

单例模式是一种项目中经常使用的模式, 因为项目中可以使用单例模式来进行"模块化开发"

模块化开发: 对于一个相对来说比较大的项目, 需要多人协作的开发的, 我们一般情况下会根据当前项目的需求划分成几个功能板块, 每个人负责一部分, 同时开发, 最后把每个人的代码进行合并

var utils = {    select: function(){
        
    }
}var tabRender = {    change: function(){
        utils.select(); // 在自己的命名空间下调用其他命名空间的方法
    }
}var searchRender = {    change: function(){
        searchRender.clickEven(); // 在自己的命名空间下调用自己命名空间的方法
        // this.clickEven()
    }
    clickEven: function(){
        
    }
}

工厂模式

// 单例模式var jsPerson1 = {    name:'lilei',    age:18,    writeJs: function(){        console.log("my name is " + this.name + ",I can write JS!")
    }
}
jsPerson1.writeJs();var jsPerson2 = {    name:'hanmeimei',    age:16,    writeJs: function(){        console.log("my name is " + this.name + ",I can write JS!")
    }
}
jsPerson2.writeJs();//  ...

单例模式虽然解决了分组的作用,但是不能实现批量的生产,属于手工作业模式, 引出-> "工厂模式"
把实现同一件事情的相同的代码放到一个函数中, 以后如果再想实现这个功能, 不需要重新的编写这些代码了, -> "函数的封装"
--> 低耦合高内聚:  减少页面中的冗余代码,提高代码的重复利用率

function createJsPerson(name,age){    var obj = {};
    obj.name = name;
    obj.age = age;
    obj.writeJs = function(){        console.log("my name is "+ this.name +", I can write JS!");
    }    return obj;
}var p1 = createJsPerson('lilei',18);
p1.writeJs();var p2 = createJsPerson('hanmeimei',16);
p1.writeJs();

js是一门轻量级的脚本"编程语言"(html+css不属于编程语言,属于标记语言)
所有的编程语言都是面向对象开发的 -> 类的继承, 封装, 多态
继承: 子类继承父类中的属性和方法
多态: 当前方法的多种形态(在后台语言中: 多态包含重载和重写)
重载: js中不存在重载, 方法名一样的话, 后面的会把前面的覆盖掉,最后只保留一个;(js中有一个操作类似重载但不是重载:我们可以根据传递的参数不一样,实现不同的功能)

function sum(num){    if(typeof num === "undefined"){        return 0;
    }    return num;
}
sum(100);
sum();

重写: 子类重写父类的方法

作者：uplyw
链接：https://www.jianshu.com/p/dd1cd3a3267f