JS：全局污染、Window全局对象污染和重复声明

最新推荐文章于 2024-04-24 21:56:29 发布

原创

最新推荐文章于 2024-04-24 21:56:29 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #es

本文主要探讨JavaScript中的全局污染问题，包括未使用var/let/const声明导致的污染，以及如何通过严格模式避免。接着分析Window全局对象及其污染现象，指出在ES6中不同声明方式对全局变量的影响。最后讨论变量重复声明，阐述var与let/const在重复声明时的不同处理方式。

一、全局污染

未使用var/let/const来声明变量时，会导致全局污染，如下函数

function show() {
   
   
    web = 'yooo';
}

<body>
    <script src="05.js"></script>
    <script>
        web = 'alison';
        show();
        console.log(web);
    </script>
</body>

在这里插入图片描述

函数show()中变量web未使用var/let/const来声明，因此会污染全局，导致html中web = ‘alison’;不起作用。

因此需要使用var/let/const来声明。

如何监督控制？使用严格模式：若不使用则报错。

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yooo*

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript 陷阱：全局对象 window 的技巧

TechNovaX的博客

09-29

143

在编写 JavaScript 代码时，避免隐式全局变量的产生，避免全局命名冲突，以及减少对全局对象的依赖，都是提高代码质量和可维护性的重要因素。对象是全局作用域的一部分，如果在不同的 JavaScript 文件中使用相同的全局变量或函数名，就会产生命名冲突。为了改善这种情况，我们可以通过将依赖关系作为函数参数传递进来，或者使用模块化的方式将相关的代码封装起来。为了避免全局命名冲突，我们可以使用模块化的方式组织代码，或者将相关的变量和函数封装在命名空间中。对全局对象的依赖性增加，使得代码难以测试和重用。

Javascript 陷阱 window全局对象

10-30

此外，window对象是浏览器环境下的全局对象，在全局作用域中声明的函数和变量实际上都是挂载在window对象上的属性和方法。当在全局作用域中声明的函数被调用时，如果没有明确指定其上下文，那么this默认指向window...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript立即执行函数解决作用域变量污染window环境问题

weixin_45966674的博客

01-23

590

我们在用js时经常会在jquery中声明很多变量但确实这样的写法在一定程度上会污染window jquery就是一个比较典型的前端js代码库文件会在window对象中声明很多自己的变量想要优化的话就可以用立即执行函数 (function(){ var link = "不能外部访问"; console.log(link); })() 这段代码就是一个立即执行函数用这段代码运行你会看到link的值被正常输出在了控制台上但如果改成 (function(){ var l

js学习——全局污染

qq_43812504的博客

04-07

477

定义变量时没有使用var声明，变量也能使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

所谓的全局污染

行进中的Blog

11-07

1831

总说要避免创建全局变量,原因如下：若声明了全局变量，全局变量就会绑定到window上，不同的javascript文件如果使用了相同的全局变量，或者定义了相同命名的顶层函数，都会造成命名冲突，并且很难被发现，即造成了全局变量的污染。减少冲突的一个方法就是把自己的所有变量和函数全部绑定到一个全局变量中。例如： //唯一的全局变量myVariable ： var myVariable = {}; ...

JS全局污染

weixin_45982458的博客

02-05

387

全局变量出现造成的，防止变量名称冲突解决:防止全局污染匿名函数自调用，将全局变量变成局部变量 (function () { var sum = 0 console.log(sum) })()

全局污染，重复声明与严格模式

MisterFahrenheit的博客

06-21

349

什么是全局污染？ function test () { web = 'hello world' } 这种不声明就直接赋值的变量就会直接成为全局变量，这就是全局污染。 2. 全局污染有什么问题？会导致有隐患，当在其他地方再次应用这个变量时，值就不好控制。 3. 怎么解决全局污染？通过使用var ，let , const来声明变量，让私有变量不再是全局变量，为避免忘记使用，可以通过开启严格模式来强制提醒 "use strict"//直接扔到js里面就行 ...

JavaScript防止全局变量污染的方法总结

10-18

虽然`window`对象是全局的，但应尽量避免直接在其上声明变量和函数，除非必要。 8. **代码审查和规范**：建立团队编码规范，强调减少全局变量的使用，通过代码审查确保遵循这些规则。通过上述方法，可以显著...

JavaScript定义全局对象的方法示例

10-20

在标题和描述中提到的“JavaScript定义全局对象的方法”，实际上是在讨论如何创建和使用全局变量和函数。在提供的代码示例中，展示了两种定义全局对象的方法： 1. **立即执行函数表达式（IIFE, Immediately ...

什么是全局污染?怎么避免全局污染?

子玉的博客

09-21

450

全局污染（Global Pollution）是指在编程中，全局作用域中的变量、函数或对象被意外地修改或覆盖，导致程序行为变得不可预测或出现错误的情况。：将代码拆分成模块，并使用模块化的方式来管理变量和函数，这样可以将变量和函数封装在模块的作用域内，减少全局作用域的污染风险。：将代码包装在一个IIFE中，以创建一个私有的作用域，可以在其中定义局部变量和函数，而不污染全局作用域。在不小心重复声明同一变量或函数的情况下，会覆盖之前的定义，导致全局作用域中的变量或函数被污染。声明变量或函数时没有使用关键字（例如，

js全局变量污染问题

weixin_30532987的博客

12-24

272

javaScript 可以随意定义保存所有应用资源的全局变量。但全局变量可以削弱程序灵活性，增大了模块之间的耦合性。在多人协作时，如果定义过多的全局变量有可能造成全局变量冲突，也就是全局变量污染问题,以下是两种解决办法一.定义全局变量命名空间只创建一个全局变量，并定义该变量为当前应用容器，把其他全局变量追加在该命名空间下 var MY={}; my.name={ ...

什么是全局污染?如何避免全局污染

最新发布

zhang20040217的博客

04-24

463

全局污染通常是指在编程环境中，不当的变量或函数定义导致它们意外地成为了全局作用域的一部分，从而与预期的作用域（如函数内部或模块内部）产生了冲突。这种情况在JavaScript中尤为常见，因为JavaScript是一个函数级作用域的语言，而变量提升（variable hoisting）和函数提升（function hoisting）的特性使得全局污染的可能性增大。通过这种方式，我们可以避免全局污染，并提高代码的可维护性和安全性。

JavaScript 全局污染回调函数

weixin_49739911的博客

09-28

554

JavaScript 全局污染回调函数

window的变量污染以及声明

aklwdhikuwa的博客

04-05

214

window中的var和let 不说先看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...

7.函数作用域和全局污染

越努力越幸运的博客

01-22

318

下面，我们直接贴代码，首先，在js文件夹下新建一个first.jsp文件，如下： const name = "Mike"; function temp() { console.log("Hello, I'm "+name); } 然后新建一个second.jsp文件，如下： const name = "John"; function temp() { console.log("Hello, I'm "+name); } 之后我们在JavaScript文件夹下新建一个07_global.h

js之数据污染与深度克隆

besttoby01的博客

07-31

1670

本次讲解写js之数据污染。什么叫污染，这个污染就是类似与生活中的污染一样，比如说抹布使用了以后就会脏脏的，这个就是污染。那么js中的数据如果使用了，数据发生了变化，那就是数据污染。 js基本类型数据是不会存在数据污染的，只有引用类型会存在数据污染，比如说数组，对象。一个数组的数据污染例子： var arr = [1,2,3]; var nArr = arr; nArr.push(4)...

JS 函数声明污染全局变量的猜想及解决

weixin_42595231的博客

05-20

317

起因是看到了这张万恶之源，百思不得其解于是我自己去浏览器里试了一下 var a=0 { console.log(a,window.a) a=10 console.log(a,window.a) function a(){} console.log(a,window.a) a=20 console.log(a,window.a) } console.log(a,window.a) 好家伙，还真的是这样。众所周知，js里有函数声明提升和var变量提升所以前几个结果不难理解，但是这个window.a=.

深入理解JavaScript BOM：window对象与全局作用域

window对象在JavaScript中同时充当着全局对象的角色，意味着在全局作用域内定义的所有变量、对象和函数都会成为window的属性和方法。" 在JavaScript中，BOM（Browser Object Model）允许开发者与浏览器进行交互，而...