使用delete删除var声明的变量

最新推荐文章于 2022-11-14 08:40:23 发布

恩言-胡凯赫

最新推荐文章于 2022-11-14 08:40:23 发布

阅读量1.6w

点赞数 1

分类专栏： Web前端文章标签： javascript delete var 犀牛书

本文链接：https://blog.csdn.net/Hukaihe/article/details/51853688

版权

Web前端专栏收录该内容

39 篇文章 2 订阅

订阅专栏

使用delete删除var声明的变量

文章的标题的确让人感到难以置信，甚至在《javascript权威指南（第6版）》第5章5.3.1中直截了当的写到：

var声明的变量是无法通过delete删除的

但面对错综复杂的情况，事实真的是这样吗？
我们将使用下面的代码（test.html）作为演示代码：

<button id="test">test</button>
<script>
    var index="hello world";

    var testButton = document.getElementById("test");
    testButton.addEventListener('click',function(){
        alert(index);
    });
</script>

我们定义了一个button并为之绑定了一个事件，点击它可以弹出全局变量index的值

正常情况下delete的确没办法删除var 声明的变量

我们运行程序，打开控制台，输入delete index ,按下回车，控制台会提示我们无法删除它。点击test照样会弹出hello world
这里写图片描述

但在服务器环境下（比如Tomcat）,这个法则就被破坏了

下面的代码讲述了一个页面（test2.html）在服务器上通过ajax请求来获得上面test.html的内容并把获取到的数据按照html格式添加到本页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用delete删除var声明的变量</title>
    <script src="../jquery-1.12.0.min.js"></script>
</head>
<body>
<div id="container">
</div>
<script>
    $.get("test.html",null,function(data){
        $("#container").html(data);
    });
</script>
</body>
</html>

我们编码完成后，把包含下面代码的文件和test.html放在同一文件夹下并一起放到Tomcat上。
test2.html运行结果如图所示：
这里写图片描述
点击test，仍然会弹出“hello world”字样。但请注意，这时，我们打开控制台，输入delete index并按下回车 , 控制台给我们的提示竟然是true！

我们再点击test按钮，发现程序报错，说index没有被定义，表明这个属性已经被删除了。
这里写图片描述
究竟是什么原因，还希望与大家一同探讨

恩言-胡凯赫

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用delete删除var声明的变量

使用delete删除var声明的变量文章的标题的确让人感到难以置信，甚至在《javascript权威指南（第6版）》第5章5.3.1中直截了当的写到： var声明的变量是无法通过delete删除的但在服务器环境下（比如Tomcat），delete却能够神奇的删除var声明的变量
复制链接

扫一扫