单例模式
对象数据类型的作用:
把描述同一个实物 (同一个对象) 的属性和方法放在一个内存空间下, 起到了分组的作用, 这样不同事物之间的属性即使属性名相同, 相互也不会发生冲突
--- 这种分组编写代码的模式叫做: 单例模式
在单例模式中我们把 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();
重写: 子类重写父类的方法
来源: http://www.jianshu.com/p/dd1cd3a3267f