js function定义函数使用心得


Posted in Javascript onApril 15, 2010

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(){}

以上三种应该能处理大部分代码了。
Javascript 相关文章推荐
javascript 计算两个整数的百分比值
Dec 26 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
Javascript中数组方法汇总(推荐)
Apr 01 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
vue-cli中的webpack配置详解
Sep 25 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 #Javascript
关于文本框的一些限制控制总结~~
Apr 15 #Javascript
JS input文本框禁用右键和复制粘贴功能的代码
Apr 15 #Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 #Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 #Javascript
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 #Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 #Javascript
You might like
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
php 批量替换html标签的实例代码
2013/11/26 PHP
PHP curl 获取响应的状态码的方法
2014/01/13 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
js遍历map javaScript遍历map的简单实现
2016/08/26 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
React中的refs的使用教程
2018/02/13 Javascript
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
用Python中的__slots__缓存资源以节省内存开销的方法
2015/04/02 Python
详解Python中的type()方法的使用
2015/05/21 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
Python中six模块基础用法
2019/12/08 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
大学生村官典型材料
2014/01/12 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书