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 遮罩层和加载效果代码
Aug 01 Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 Javascript
Javascript的无new构建实例详解
May 15 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
Aug 06 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
Vue打包后访问静态资源路径问题
Nov 08 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
树型结构列出指定目录里所有文件的PHP类
2006/10/09 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
php获取远程文件内容的函数
2015/11/02 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
Javascript 中的 && 和 || 使用小结
2010/04/25 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
详解vue组件化开发-vuex状态管理库
2017/04/10 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
基于vue2.0动态组件及render详解
2018/03/17 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
Django自定义用户认证示例详解
2018/03/14 Python
windows下python和pip安装教程
2018/05/25 Python
python numpy元素的区间查找方法
2018/11/14 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
毕业自我评价
2014/02/05 职场文书
消防安全宣传口号
2014/06/10 职场文书
网吧消防安全责任书
2014/07/29 职场文书
2016年少先队活动总结
2016/04/06 职场文书
Python基础之pandas数据合并
2021/04/27 Python
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android