js中setTimeout给调用的函数传递对象参数

原创于 2021-06-16 22:29:39 发布 · 433 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

1 篇文章

订阅专栏

这篇博客探讨了JavaScript中函数参数传递的问题，特别是为何在调用`setfocus(+obj.id+)`时，实际传递的是整个对象而不是仅传递ID。作者通过示例代码展示了在输入框失去焦点时如何自动返回焦点，并解释了`setTimeout`中字符串拼接导致的对象解析行为。尽管一些在线资源指出这种方法不能传递对象，但作者的实际测试表明，通过这种方式确实可以传递并操作对象。博客还提到了代码中加号`+`的作用，即用于字符串连接。

一、怎样传参？

在输入框失去焦点的时候，自动返回到焦点。

我使用"setfocus("+obj.id+")",本来只是想传递一个id过去，但是实际上，setfocus中收到的已经是这个对象了。

<!DOCTYPE html>
<html>
<script type="text/javascript">
function setfocus(obj) 
{
    obj.focus();
}
function doOnBlur(obj)
{
    setTimeout("setfocus("+obj.id+")",5);
}
</script>
<body>

<h2>我的第一段 JavaScript</h2>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
点击这里来显示日期和时间
</button>
<input id="test" onBlur="doOnBlur(this)"/>
<p id="demo"></p>

</body>
</html>