js function使用心得
更新时间：2010年05月10日 12:00:29 作者：
js function使用心得，对于面向对象的学习都是不错的参考资料。
1.最基本的作为一个本本分分的函数声明使用。
function func(){}
或
var func=function(){};
2.作为一个类构造器使用：
function class(){}
class.prototype={};
var item=new class();
3.作为闭包使用：
(function(){
//独立作用域
})();
4.可以作为选择器使用：
var addEvent=new function(){
if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};
else return function(elem,type,func){addEventListener(elem,type,func,false);}
};//避免了重复判断
5.以上四中情况的混合应用：
var class=new function(){
var privateArg;//静态私有变量
function privateMethod=function(){};//静态私有方法
return function(){/*真正的构造器*/};};
6.利用Function处理ajax返回的js脚本：
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假设此为服务器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重构代码主体，根据需要可以有不同重构方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
这种构建函数方式：var func=new Function(args1,args2,args3,...,body) args:参数(任意多个); body:函数主体
如：var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
应注意的是，注意返回代码的格式，根据处理原理返回形式可有一下几种：
1.(function(){//代码})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三种应该能处理大部分代码了。
复制代码 代码如下:
function func(){}
或
var func=function(){};
2.作为一个类构造器使用：
复制代码 代码如下:
function class(){}
class.prototype={};
var item=new class();
3.作为闭包使用：
复制代码 代码如下:
(function(){
//独立作用域
})();
4.可以作为选择器使用：
复制代码 代码如下:
var addEvent=new function(){
if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};
else return function(elem,type,func){addEventListener(elem,type,func,false);}
};//避免了重复判断
5.以上四中情况的混合应用：
复制代码 代码如下:
var class=new function(){
var privateArg;//静态私有变量
function privateMethod=function(){};//静态私有方法
return function(){/*真正的构造器*/};};
6.利用Function处理ajax返回的js脚本：
复制代码 代码如下:
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假设此为服务器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重构代码主体，根据需要可以有不同重构方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
这种构建函数方式：var func=new Function(args1,args2,args3,...,body) args:参数(任意多个); body:函数主体
如：var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
应注意的是，注意返回代码的格式，根据处理原理返回形式可有一下几种：
1.(function(){//代码})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三种应该能处理大部分代码了。
相关文章
这篇文章主要为大家详细介绍了openlayers实现地图测距测面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
今天小编就为大家分享一篇layui radio性别单选框赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家介绍了输入npm run xxx后执行原理深入解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
在JS中，对于对象类型的变量的引用是通过类似C之类的“指针”的方式来操作的，及如果多个变量引用同一个对象，则任意一个变量对对象的操作都会影响到其它的变量。2010-03-03
本篇文章主要是对javascript中match函数的用法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
自定义滚动条最早是IE玩出来的,但是后来,不知道为什么IE把这个有意思的功能废弃了,下面这篇文章主要给大家介绍了关于前端实现浏览器自定义滚动条写法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了var，let，const异同点,文中较详细的给大家介绍了let和const的相同点和不同点，需要的朋友可以参考下2018-08-08
这篇文章主要介绍了JavaScript编写的网页小游戏，附上全部代码供大家查看，实现了网页的小游戏页面，需要的朋友可以参考下2017-08-08
这篇文章主要为大家详细介绍了Vue自定义日历小控件使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了javascript实现支付宝滑块验证码效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
最新评论