javascript开发:js封装简单实例
2017-07-17 17:18
393 查看
ECMAScript6已经支持了class,但之前版本都不支持类,但是可以通过一些方法来模拟类。
js中的类,既是重点,也是难点,很多时候都感觉模棱两可。
首先强调一下js中很重要的3个知识点:this、prototype、constructor。
下面我们来总结一下定义(模拟)类的几种方法:
1.工厂模式
?
工厂模式的方法创建对象,工厂模式可以根据接受的参数来创建一个包含必要信息的对象,可以无限次数的调用这个方法,每次都返回一个包含2个属性2个方法的对象。工厂模式解决了创建类似对象的问题,但没有解决对象的识别问题,即不能确定一个对象的类别,统一为Object。
2.构造函数法
?
构造函数的方式虽然确定了对象的归属问题,能够确定对象的类型,但构造函数中的方法需要在每个对象中都要重新创建一遍,导致一些性能问题。
3.原型模式
?
由实例代码我们可以知道,对象实例可以访问原型中的值,但不能重写原型中的值,如果对象实例中定义了和原型重名的属性,那么该属性就会屏蔽原型中的那个属性,但并不会重写。
4.封装(暂且这么叫吧)
?
就是把代码都封装起来,将实例对象作为一个整体返回,有点类似于工厂模式。
js中的类,既是重点,也是难点,很多时候都感觉模棱两可。
首先强调一下js中很重要的3个知识点:this、prototype、constructor。
下面我们来总结一下定义(模拟)类的几种方法:
1.工厂模式
?
2.构造函数法
?
3.原型模式
?
4.封装(暂且这么叫吧)
?
相关文章推荐
- javascript移动设备Web开发中对touch事件的封装实例
- 用原生JS对AJAX做简单封装的实例代码
- 简单封装js的dom查询实例代码
- javascript常用开发笔记:一个简单强大的js日期格式化方法
- js(JavaScript)实现TAB标签切换效果的简单实例
- javascript常用开发笔记:一个简单强大的js日期格式化方法
- nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例2
- [javascript]通过js获取cookie的实例及简单分析
- nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例3
- 如何使用Javascript(简称JS)取得LI里的内容(简单易懂的代码实例)
- js(JavaScript)实现TAB标签切换效果的简单实例
- IOS 开发OC 与JS 交互 WebviewJavaScriptBridge 的简单实用(二)
- Node.js开发指南中的简单实例(mysql版)
- javascript移动设备Web开发中对touch事件的封装实例
- 简单封装js的dom查询实例代码
- nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例
- 简单的JS运动封装实例---侧栏分享到
- Node.js开发指南中的简单实例(mysql版)
- javascript移动设备Web开发中对touch事件的封装实例