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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
JS实现的雪花飘落特效示例
Dec 03 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垃圾代码优化操作代码
2010/08/05 PHP
PHP超牛逼无限极分类生成树方法
2015/05/11 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
php连接mysql数据库
2017/03/21 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
python实现K最近邻算法
2018/01/29 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
大学社团招新的通讯稿
2014/09/10 职场文书
还款承诺书范本
2015/01/20 职场文书
新郎新娘致辞
2015/07/31 职场文书
《角的度量》教学反思
2016/02/18 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
Python中requests库的用法详解
2022/06/05 Python