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 相关文章推荐
jquery 实现的全选和反选
Apr 15 Javascript
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
简单的js表格操作
Sep 24 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
js实现登录与注册界面
Nov 01 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
在react-antd中弹出层form内容传递给父组件的操作
Oct 24 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
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中date与gmdate的区别及默认时区设置
2014/05/12 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
新手快速入门微信小程序组件库 iView Weapp
2019/06/24 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
JavaScript创建表格的方法
2020/04/13 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
python模拟登录百度代码分享(获取百度贴吧等级)
2013/12/27 Python
详解Django框架中用context来解析模板的方法
2015/07/20 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
通过cmd进入python的实例操作
2019/06/26 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
wxpython实现按钮切换界面的方法
2019/11/19 Python
python实现手势识别的示例(入门)
2020/04/15 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
《夜晚的实验》教学反思
2014/02/19 职场文书
2014最新实习证明模板
2014/10/02 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
Python爬虫之爬取某文库文档数据
2021/04/21 Python
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers