用apply让javascript函数仅执行一次的代码

 更新时间:2010年06月27日 02:38:47   作者:  
有时候我们只想要让某些脚步函数执行一次就算完成任务了。如何实现这种功能呢?简单模仿下面这段就可以轻松搞定了
复制代码 代码如下:

var obj = new Object();
obj.triggerOnce = function(fn) { //控制让函数只触发一次
return function() {
try {
fn.apply(this, arguments);
}
catch (e) {
var txt = "There was an error on this page.\n\n";
txt += "Error message: " + e.message + "\n\n";
txt += "Error name: " + e.name + "\n\n";
//alert(txt);//正式平台上可能需要注释掉该行
}
finally {
fn = null;
}
}
}

调用形式:
复制代码 代码如下:

function showMsg(arg){
alert(arg);
}
var fn=obj.triggerOnce(showMsg);
fn(1);//只执行一次
fn(2);//没有调用fn

最后,关于javascript的apply方法,您可以简单参考这篇旧文。
【外一篇】用javascript取得querystring的值
在常见的网站中,经常碰到有“XXXX.aspx?username=jeffwong&address=北京” 这种形式的url,通过asp.net的Request对象获取键值轻而易举,通过js也不是很难,用下面的函数就可以搞定了:
代码
复制代码 代码如下:

var urlStrs = location.search; //QueryString
var Request = {};
Request.Count = 0;
Request.Add = function(name, value) {
if (Request.hasOwnProperty(name) == false) {
Request.Count++; //如果不存在,计数添加1
}
Request[name] = value;
return true;
}
Request.QueryString = function(name) {//取对应的键值
var key = name.toString().toLocaleLowerCase(); //不区分大小写
var result = null;
try {
// if (Request.hasOwnProperty(key)) {
result = Request[key];
// }
}
catch (e) {
//alert(e.message);
}
return result;
}
Request.Init = function(urlQueryString) {
if (urlQueryString.indexOf("?") != -1) {
var url = urlQueryString.substr(1)
var strArr = url.split("&");
for (var i = 0; i < strArr.length; i++) {
var strChildArr = strArr[i].split("=");
var name = String(strChildArr[0]).toLowerCase();
var value = unescape(strChildArr[1]); //unescape解码
this.Add(name, value); //添加
}
}
}

测试函数如下:
代码
复制代码 代码如下:

//测试函数
function test() {
Request.Init(urlStrs); //初始化request
alert(Request.Count);
var name = "username";
var value = Request.QueryString(name);
alert(Request[name]);
alert(Request.QueryString(name));
name = "address"
alert(Request[name]);
alert(Request.QueryString(name));
name = "age";
alert(Request[name]);
alert(Request.QueryString(name));
}

需要说明的是,url里的参数通常都会有编码,本文采用的是比较常用的unescape进行解码,实际上,关于url参数编码,通常有escape,encodeURIComponent和encodeURI这三种编码函数,escape是window对象的内置函数,而另外两种则是javascript内置函数,它们解码的函数也是一一对应的关系(您可以参考这一篇),各自对应的反转函数分别是unescape,decodeURIComponent和decodeURI。
作者:Jeff Wong

相关文章

  • JS实现代码雨特效

    JS实现代码雨特效

    这篇文章主要为大家详细介绍了JS实现代码雨特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • javascript 使用 NodeList需要注意的问题

    javascript 使用 NodeList需要注意的问题

    理解NodeList及其近亲NamedNodeMap和HTMLCollection,是从整体上透彻理解DOM的关键所在,这三个集合都是“动态的”,换句话说,每当文档结构发生变化时,他们都会得到更新。
    2013-03-03
  • 原生js实现购物车

    原生js实现购物车

    这篇文章主要为大家详细介绍了原生js实现购物车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 详解JavaScript中分解数字的三种方法

    详解JavaScript中分解数字的三种方法

    这篇文章主要介绍了在JavaScript中分解数字的三种方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • 基于JavaScript实现鼠标箭头移动图片跟着移动

    基于JavaScript实现鼠标箭头移动图片跟着移动

    这篇文章主要介绍了基于JavaScript实现鼠标箭头移动图片跟着移动的核心代码,代码比较简单易懂,需要的朋友可以参考下
    2016-08-08
  • 前端如何监听手机键盘是否弹起示例详解

    前端如何监听手机键盘是否弹起示例详解

    实际应用中我们会遇到监听按键输入和鼠标点击事件,这篇文章主要介绍了前端如何监听手机键盘是否弹起的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • js利用递归与promise 按顺序请求数据的方法

    js利用递归与promise 按顺序请求数据的方法

    这篇文章主要介绍了js利用递归与promise 按顺序请求数据,需要的朋友可以参考下
    2019-08-08
  • JS组件Bootstrap实现下拉菜单效果代码

    JS组件Bootstrap实现下拉菜单效果代码

    这篇文章主要为大家详细介绍了JS组件Bootstrap实现下拉菜单效果代码,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • javascript实现当前页导航激活的方法

    javascript实现当前页导航激活的方法

    这篇文章主要介绍了javascript实现当前页导航激活的方法,涉及javascript操作css的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 原生js实现下拉框选择组件

    原生js实现下拉框选择组件

    这篇文章主要为大家详细介绍了原生js实现下拉框选择组件的开发,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01

最新评论