变量对象与作用域链编程题

最新推荐文章于 2023-12-29 15:57:42 发布

stack君

最新推荐文章于 2023-12-29 15:57:42 发布

阅读量78

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_54362381/article/details/112388782

版权

JavaScript 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

题目：

有 3个按钮我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。

把下面的代码改正，实现我们要求的功能。
在这里插入图片描述
要求最终实现效果图如下（动图链接）：
https://climg.mukewang.com/590c205a0001469507280193.jpg

思路：
（1）单击方法导致的循环问题。提示：单击方法在循环外面定义
（2）在循环中调用，并将被点的按钮的型号传进去。
提示：每次进入一个新的作用域，都会创建一个用于搜索变量和函数的作用域链，搜索的顺序是沿着作用域链从当前作用域向外层作用域查找，直到全局作用域为止

解答：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>变量、作用域</title>
    
</head>
<body>
	<button>1</button>
	<button>2</button>
	<button>3</button>
    <script type="text/javascript">
        var btns = document.getElementsByTagName('button');
            for (var i = 0; i < 3; i++) {
                btnClick(i);
            }
            function btnClick(i){
                btns[i].onclick = function () {
     		    	alert(i + 1);
     	    	};
            }	
    </script>
</body>
</html>

201803090110-6

stack君

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
变量对象与作用域链编程题

题目：有3个按钮，我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。把下面的代码改正，实现我们要求的功能。要求最终实现效果图如下（动图链接）：https://climg.mukewang.com/590c205a0001469507280193.jpg思路：（1）单击方法导致的循环问题。提示：单击方法在循环外面定义（2）在循环中调用，并将被点的按钮的型号传进去。提示：每次进入一个新的作用域，都会创建一个
复制链接

扫一扫