一不小心又造了个坑,前段时间,发现博客链接没法通过href转到https的网站了。点了点发现,在新标签页中打开还是可以的,所以改了两行代码。
今天点了下才发现,第42行的改动,给div添加event事件中,window.open打开的_link,居然都是一样的。用chrome debug了下试试,发现每次断点到41行就直接跳过去了。虽然link在循环中在不停的变,单最终所有的link都用了同一个值,就是blogsJsonArray中最后的一个数据中的值。What happens?
简单了解了下,js中参数有两大类:1、传值类型:undefined,string,null,boolean,number。2、引用类型:object。(https://www.cnblogs.com/chenwenhao/p/7009606.html)。
回过头来,看看,在代码块内,_link是个局部变量,在循环过程中会改变他的值,每次循环都会改变这个局部变量的值。另外,addListener的时候只是定义了一个函数,并没有在循环的时候就赋值。
通过什么解决这个问题?闭包?闭包全局可以访问局部变量。貌似用不上,这个地方是局部函数,访问“父函数“的值,而且希望每个循环中访问到的是不一样的。
通过深拷贝来解决这个问题?就是在别的地方保存这个循环中的值,貌似可行。如果在循环中深拷贝_link到一个局部对象中,当循环结束,那么每次循环这个局部变量的值也会变得和_link一样,不可行。如果在click绑定的函数中增加一个变量,进行深拷贝,也不可行,因为这个函数并没有执行,深拷贝发生在循环之后。
突然发现,每次在循环中生成的ahref,是一个新的内存空间。ok,就这么干了:
window.open($(this).find("a")[0].href);
试了试,果然可以。这相当于把这个_link拷贝到了div的一个属性中去。而div又可以在click的时候获取到。