首页 / JAVASCRIPT / 如何在javascript中复制引用的值？

如何在javascript中复制引用的值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在javascript中复制引用的值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1286字，纯文字阅读大概需要2分钟。

内容图文

前段时间我发布了一个关于what questions should a good javascript coder be able to answer的问题.Meder指出了以下问题：

由于“i”在onclick函数中作为引用而不是作为值保存,因此以下代码对任何“a”元素进行单击以警告(-1)：

<a href="#">text</a><br><a href="#">link</a>
<script>
var as = document.getElementsByTagName('a');
for ( var i = as.length; i--; ) {
    as[i].onclick = function() {
        alert(i);
        return false;
    }
}
</script>

The question is: How to fix this
implementation so that the onclick
function holds the value of i and not
it’s reference?

我不知道答案.怎么解决？如何使我成为参考值的副本而不是实际参考？

附带问题：是否所有变量类型都作为参考传入？或者它是基于原始类型还是对象而有所不同？

任何想法将不胜感激.

解决方法:

要理解这个问题,您必须了解闭包是什么.然后你还必须知道javascript如何处理范围(它是基于函数而不是基于块的例如C).

这是“标准”解决方案：

<a href="#">text</a><br><a href="#">link</a>
<script type="text/javascript">
var as = document.getElementsByTagName('a');
for ( var i = as.length; i--; ) {
    as[i].onclick = (function(i) {
        return function() {
            alert(i);
            return false;
        }
    })(i);
}
</script>

另一个版本执行完全相同的操作,但如果您不习惯JS中的闭包和范围,则可能更容易理解：

for ( var i = as.length; i--; ) {
    as[i].onclick = (function(number) {
        return function() {
            alert(number);
            return false;
        }
    })(i);

知道了吗？

内容总结

以上是互联网集市为您收集整理的如何在javascript中复制引用的值？全部内容，希望文章能够帮你解决如何在javascript中复制引用的值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/789251.html

来源：【匿名】