js函数的引用, 关于内存的开销

 更新时间:2012年09月17日 11:28:39   作者:  
函数的引用, 对于内存的开销分析,需要的朋友可以参考下
请看如下代码:
复制代码 代码如下:

var arr = [];
var cc = function(){alert('xx');};


for(var i = 0; i<2; i++){

arr[i] = function(){alert('yy');}
arr[i+10] = cc;
}

console.group('开始')
console.group('1')
console.info( arr[0] == arr[1]);
console.info( arr[0] === arr[1]);

console.info( arr[0].toString());
console.info( arr[1].toString());
console.groupEnd('1')


console.group('2')
console.info( arr[10] == arr[11]);
console.info( arr[10] === arr[11]);

console.info( arr[10].toString());
console.info( arr[11].toString());
console.group()
console.groupEnd('开始');


在火狐的firebug中的控制台运行结果如下图:




分析:

第五行代码的循环开始,循环结束后 arr数组得到的结果为:
arr[0] = function(){ alert('yy'); }
arr[1] = function(){ alert('yy'); }
arr[10] = cc
arr[11] = cc
可以看出来, 控制台进行结果,上图。
arr[0] 不等于 arr[1]
但是 arr[10] 等于 arr[11] , 因为它引用了前面定义的变量。
其实在循环的过程中都在重新定义函数function(){alert('yy');}
arr[0] 和 arr[1]的toString 输出的内容是相同的。 但是两个是独立的方法, 占用各自的内存,所以为了省内存, 可以用于把函数定义在循环外。
函数定义在循环外面的前提条件是,函数没有接受在循环内变化的变量。

相关文章

  • javascript获取重复次数最多的字符

    javascript获取重复次数最多的字符

    本文给大家讲述的是使用javascript实现获取重复次数最多的字符,代码很简单,有需要的小伙伴可以参考下。
    2015-07-07
  • Javascript中String的常用方法实例分析

    Javascript中String的常用方法实例分析

    这篇文章主要介绍了Javascript中String的常用方法,实例分析了String常用的字符转换、截取、分割等技巧,需要的朋友可以参考下
    2015-06-06
  • javascript的document中的动态添加标签实现方法

    javascript的document中的动态添加标签实现方法

    下面小编就为大家带来一篇浅谈javascript的document中的动态添加标签实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 快速解决bootstrap下拉菜单无法隐藏的问题

    快速解决bootstrap下拉菜单无法隐藏的问题

    今天小编就为大家分享一篇快速解决bootstrap下拉菜单无法隐藏的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • H5用户注册表单页 注册模态框!

    H5用户注册表单页 注册模态框!

    这篇文章主要为大家详细介绍了H5用户注册表单页的相关代码,注册模态框,如何设计用户注册表单页,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • js 实现 list转换成tree的方法示例(数组到树)

    js 实现 list转换成tree的方法示例(数组到树)

    这篇文章主要介绍了js 实现 list转换成tree的方法示例(数组到树),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript控制浏览器全屏显示简单示例

    JavaScript控制浏览器全屏显示简单示例

    这篇文章主要介绍了JavaScript控制浏览器全屏显示,结合简单实例形式分析了JavaScript响应鼠标事件控制浏览器全屏显示与退出全屏显示相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • JS实现分页导航效果

    JS实现分页导航效果

    这篇文章主要为大家详细介绍了JS实现动态页码及分页导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 微信小程序+云开发实现欢迎登录注册

    微信小程序+云开发实现欢迎登录注册

    这篇文章主要介绍了微信小程序+云开发实现欢迎登录注册,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 利用Javascript获取选择文本所在的句子详解

    利用Javascript获取选择文本所在的句子详解

    这篇文章主要给大家爱介绍了关于利用Javascript获取选择文本所在的句子的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起看看吧。
    2017-12-12

最新评论