js中方法的封装
来源:互联网 发布:scratch编程教程 pdf 编辑:程序博客网 时间:2024/05/17 21:50
为什么要进行方法的封装?
在平时的生产环境中,我们经常写出这样的代码:
function fAdd(iA,iB){ return iA+iB;}function fMul(iA,iB){ return iA-iB;}
其本质上是这样的:
var fAdd = function(iA,iB){ return iA+iB;}var fMul = function(iA,iB){ return iA-iB;}
这样的话,我们就创建了两个全局变量,iA,iB.如果在大型的项目环境中,会有很多人对代码进行开发,很容易造成变量污染,从而引出很多问题.所以我们就要对方法进行封装.
封装方式1:封装成对象
利用js中对象的特性来将我们的方法封装在对象中
var oFuncs = { fAdd : function(iA,iB){ return iA+iB; } fMul:function(iA,iB){ return iA-iB; }}
或者
var oFuncs = function(){};oFuncs.fAdd = function(iA,iB){ return iA+iB; }oFuncs.fMul = function(iA,iB){ return iA-iB; }
这样,我们就可以这样调用函数了
oFuncs.fAdd(3,4);oFuncs.fMul(6,3);
当然,还可以这么写
var oFuncs = function(){ return { fAdd : function(iA,iB){ return iA+iB; } fMul:function(iA,iB){ return iA-iB; } }}
这样的话,每次使用方法的时候,要先实例化一下:
var oUseTool = oFuncs();oUserTool.fAdd(4,8);
封装成类
var oFuncs = function(){ this.fAdd = function(iA,iB){ return iA+iB; } this.fMul = function(iA,iB){ return iA-iB; }}var oUseTool = new oFuncs();oUseTool.fAdd(5,6);
为了防止类中的方法被多次创建,我们也可以把它写在原型链上,如:
var oFuncs = function(){}oFuncs.propotype.fAdd = function(iA,iB){ return iA+iB;}oFuncs.propotype.fMul = function(iA,iB){ return iA-iB;}var oUseTool = new oFuncs();oUseTool.fAdd(5,6);
或者这么写:
var oFuncs = function(){}oFuncs.propotype = { fAdd : function(iA,iB){ return iA+iB; } fMul:function(iA,iB){ return iA-iB; }}var oUseTool = new oFuncs();oUseTool.fAdd(5,6);
阅读全文
0 0
- js中方法的封装
- js的封装方法
- js方法的封装
- js对象中封装方法
- 企业项目中js方法的封装和使用
- 常用js方法的封装
- js中类的封装
- js中继承的封装
- js中封装方法用于截取字符
- JdbcTemplate中封装的方法
- js一些通用方法的封装
- JS对数据分页的封装方法
- js常用的几个方法封装
- <转载> 关于js常用方法的封装
- js中简易选项卡的实现(3种方法实现样式的封装)
- js 常用封装方法
- js自己封装方法
- JS 原生方法封装
- 使用[chromaprint]获取声音指纹
- 3. Managing the lifecycle of a Basic Thread
- C小加 之 随机数
- HDU 3410 Passing the Message
- JEESZ分布式架构集成阿里云OSS存储
- js中方法的封装
- C++函数重载过程中的二义性和类型转换
- android7.0之前和7.0调用系统相机
- 数据库——(10)联合查询和子查询
- Jetty与Tomcat综合比较
- 希尔排序
- CSAPP-存储体系实验
- HTML5的localStorage实现记住密码的功能
- POST 发送工具类