javascript如何才能脱离函数式编程,拥抱面向对象编程呢,常见的有3种形式,其它形式可以说都是这3种的变种。
 
1.直接定义对象直接量的形式
 
var Util={
    getType:function(obj){
    return Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/, '$1').toLowerCase();
    }
}
这种是最简单的封装形式,不需要用到原型,也不需要构造器函数,当你只需要一个对象实例的时候,例如一个工具类
调用形式也不需要使用new,直接的Util.getType(obj);
 
 
2.构造器函数this绑定对象形式
 
var User=function (){
    this.userName="windy";
    this.eat=function(){
      console.log("i'm eatting");
   } 
    this.sleep=function(){
      console.log("i'm sleeping")
   }
}
这种定义方式不需要用到对象原型,调用的时候需要用到new 操作符,var user=new User();
需要特别注意的是this的指向问题,this并不是指向User构造器函数的,在调用new User()时生成了一个空对象,
先不考虑原型,简单的理解相当于调用了var obj={}; User.apply(obj,arguments);
这种方式每次调用一次new ,都会把通过this.定义的属性和函数全部拷贝一次,虽然对于function来说只是拷贝了引用,只多占了少许内存,但对于像jquery这种有成百上千个实例,方法数量又很多的情况下浪费就比较大了。
 
因此最优的形式是第3种,原型的方式定义
 
3.构造器函数原型对象定义形式
var User=function (){
    this.userName="windy";
    User.prototype.eat=function(){
      console.log("i'm eatting");
   } 
    User.prototype.sleep=function(){
      console.log("i'm sleeping")
   }
}

原则上是将属性定义在新生成的对象上,将函数定义在原型上,私有变量用var声明,这样新生成的对象就只包含属性,方法都通过原型链引用,不会污染当前对象。不过像上面这段代码这样定义,一旦需要改类(对象)的名字很麻烦,每个方法都要硬编码User对象,好多重复啊,

 
改进后:
var User=function (){
    this.userName="windy";
    User.prototype={
      constructor:User,
     eat:function(){
      console.log("i'm eatting");
   } ,
     sleep:function(){
      console.log("i'm sleeping")
   }
    }
}
 
直接给prototype赋值会造成construcor丢失,因为construtor是取原型上的该属性的,如果直接覆盖原型就没这个引用了,所以要单独再赋值回来,当然如果你要不需要用到constructor的话不赋值也没关系。
 
但还是出现了两个User的硬编码,再进一步可以用var FN=arguments.callee;  FN.prototype={......}
 
 
总结:2和3两种形式都会返回一个自动创建的新对象,不同的是前者是将方法都定义在了新对象上,而后者并没有把方法定义在新对象上,而是对构造器函数的原型开刀,定义在原型上,生成的新对象虽然啥都没有,但是通过__proto__原型链访问到构造函数的原型就拥有了一切。
 
另外,在构造器函数中是会自动return 新对象的,但是如果手动定一个return ,则会返回手工定义的对象,这个手工定义的对象原型也是赋值为该构造器函数,如果return的是原始值类型(string,number,boolean),则这个return 会被无视。
 

javascript面向对象编程的3种常见封装形式解析的更多相关文章

  1. 转:javascript面向对象编程

    作者: 阮一峰 日期: 2010年5月17日 学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难.因为Javascript的Object模型很独特,和其他语言都不一样,初学 ...

  2. (二)Javascript面向对象编程:构造函数的继承

    Javascript面向对象编程:构造函数的继承   这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例. 今天要介绍的是,对象之间的"继承 ...

  3. Javascript面向对象编程(二):构造函数的继承 作者:yuan一峰

    Javascript面向对象编程(二):构造函数的继承   作者: 阮一峰 日期: 2010年5月23日 这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生 ...

  4. JavaScript面向对象编程[转]

    JavaScript面向对象编程 命名空间 命名空间是一个容器,它允许开发人员在一个独特的,特定于应用程序的名称下捆绑所有的功能. 在JavaScript中,命名空间只是另一个包含方法,属性,对象的对 ...

  5. javascript 面向对象编程(工厂模式、构造函数模式、原型模式)

      javascript 面向对象编程(工厂模式.构造函数模式.原型模式) CreateTime--2018年3月29日17:09:38 Author:Marydon 一.工厂模式 /** * 工厂模 ...

  6. JavaScript 面向对象编程(二):继承

    Javascript面向对象编程(二):构造函数的继承 这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例. 今天要介绍的是,对象之间的"继 ...

  7. 快速学习JavaScript面向对象编程

    到处都是属性.方法,代码极其难懂,天哪,我的程序员,你究竟在做什么?仔细看看这篇指南,让我们一起写出优雅的面向对象的JavaScript代码吧! 作为一个开发者,能否写出优雅的代码对于你的职业生涯至关 ...

  8. 深入理解Javascript面向对象编程

    深入理解Javascript面向对象编程 阅读目录 一:理解构造函数原型(prototype)机制 二:理解原型域链的概念 三:理解原型继承机制 四:理解使用类继承(继承的更好的方案) 五:建议使用封 ...

  9. 【转】Javascript 面向对象编程(一):封装

    原文链接:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html Javascript ...

随机推荐

  1. SSH框架与SSI框架的区别

    2013-03-04 13:45 1427人阅读 评论(0) 收藏 举报 一.SSH 整个配置如下图所示: 1. <?xml version="1.0" encoding=& ...

  2. MVC5仓库管理系统

    下载

  3. NO22 Linux正则表达式--grep命令常用参数

    Linux正则表达式:  一.基础正则第一波字符说明: 示例: 二.基础正则第二波字符说明:  三.基础正则第二波字符说明: 示例:  grep:一般常用参数 示例:+和*  ?和.:  |:  () ...

  4. MFC 状态栏的使用 CstatusBar

    你在源文件头文件声明一下 CStatusBar   zhuangtailan; 然后在窗口初始化添加以下代码 zhuangtailan.Create(this);//意思是在本窗口创建 UINT id ...

  5. Problem C Updating a Dictionary

    Problem C     Updating a Dictionary In this problem, a dictionary is collection of key-value pairs, ...

  6. B. Email from Polycarp

    B. Email from Polycarp time limit per test 3 seconds memory limit per test 256 megabytes input stand ...

  7. HDU - 6152 Friend-Graph(暴力)

    题意:给定n个人的关系,若存在三个及以上的人两两友好或两两不友好,则"Bad Team!",否则"Great Team!". 分析:3000*3000内存100 ...

  8. HDU - 1864 最大报销额 (01背包)

    题意:现有一笔经费可以报销一定额度的发票.允许报销的发票类型包括买图书(A类).文具(B类).差旅(C类),要求每张发票的总额不得超过1000元,每张发票上,单项物品的价值不得超过600元.现请你编写 ...

  9. 51nod 1437:迈克步 单调栈基础题

    1437 迈克步 题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 80 难度:5级算法题  收藏  取消关注 有n只熊.他们站成一排队伍,从左到右依次1到 ...

  10. 关于spring-mvc.xml的静态资源的配置

    转 配置如下: <!-- 配置静态资源 --><mvc:resources location="/static/" mapping="/static/* ...