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处理AJAX请求的方法

    实例讲解使用原生JavaScript处理AJAX请求的方法

    这篇文章主要介绍了实例讲解使用原生JavaScript处理AJAX请求的方法,这样就算是利用原生API而脱离了jQuery中的Ajax方法,需要的朋友可以参考下
    2016-05-05
  • 轻松搞定js表单验证

    轻松搞定js表单验证

    不用一行代码和一句提示语就搞定整个表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • javascript中this的四种用法

    javascript中this的四种用法

    在javascript当中每一个function都是一个对象,所以在这个里var temp=this 指的是function当前的对象。this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。
    2015-05-05
  • js实现踩五彩块游戏

    js实现踩五彩块游戏

    这篇文章主要为大家详细介绍了js实现踩五彩块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • webpack的pitching loader详解

    webpack的pitching loader详解

    这篇文章主要介绍了webpack的pitching loader详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • JS与jQ读取xml文件的方法

    JS与jQ读取xml文件的方法

    本文通过代码实例给大家讲解js读取xml文件及jq读取xml文件的方法,对本文感兴趣的朋友一起学习吧
    2015-12-12
  • 微信小程序仿美团城市选择

    微信小程序仿美团城市选择

    这篇文章主要为大家详细介绍了微信小程序仿美团城市选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • javascript中局部变量和全局变量的区别详解

    javascript中局部变量和全局变量的区别详解

    本文主要是向大家详细的对比分析了javascript中局部变量和全局变量的区别,是篇非常不错的文章,值得仔细去品读,推荐给小伙伴们。
    2015-02-02
  • js获取input长度并根据页面宽度设置其大小及居中对齐

    js获取input长度并根据页面宽度设置其大小及居中对齐

    这篇文章主要介绍了js获取input长度并根据页面宽度设置其大小及居中对齐的方法,需要的朋友可以参考下
    2014-08-08
  • 详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)

    详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)

    本篇文章主要介绍了webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件) ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论