js function定义函数使用心得_javascript技巧
程序员文章站
2022-04-20 11:06:00
...
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(){}
以上三种应该能处理大部分代码了。
上一篇: Linux系统网卡设图文详解
推荐阅读
-
js bind 函数 使用闭包保存执行上下文_javascript技巧
-
js function定义函数的几种不错方法_javascript技巧
-
js function定义函数的几种不错方法_javascript技巧
-
js bind 函数 使用闭包保存执行上下文_javascript技巧
-
js使用函数绑定技术改变事件处理程序的作用域_javascript技巧
-
js中的数组Array定义与sort方法使用示例_javascript技巧
-
JS自定义功能函数实现动态添加网址参数修改网址参数值_javascript技巧
-
100个不能错过的实用JS自定义函数_javascript技巧
-
JS 自定义函数缺省值的设置方法_javascript技巧
-
JS 自定义带默认值的函数_javascript技巧