js 函数如何使用全局变量

说实话，在使用JS使用全局变量的时候，我遇到的坑比网上教程还多。
如果您仔细观察这些方法，就会发现每一种方法背后都有一个故事。

谈论第一个声明。
那么回来，我刚刚开始从事前端工作，编写了一个小页面并使用 var 在函数中定义变量。
后来我发现外面也是可以的，当时我觉得还是挺神奇的。
对于此代码的示例： javascript var siteName = "我的精彩网站"; 函数显示名称() { var siteName = "临时名称"; // 局部变量 渴望（站点名称）； // 显示“临时名称” } 渴望（站点名称）； // 显示“My Awesome Site”
这是一个典型的变量提升陷阱。
ES5 优化引擎在当时就像垃圾一样。
如果写成var a = 3 ，就可以直接写成var a; a = 3 ;这时，变量声明就会被提升到函数的顶部。
所以现在我建议直接使用它们，它们不会那么辛苦。

复杂的陈述更容易让人困惑。
我曾经写过一个实用函数，却忘了使用 var。
这就是为什么整个页面崩溃了，因为我测试了全局变量。
浏览器控制台直接输出“Uncaught TypeError: test is not a function”，当时我的脸就绿了。
现在来看，即使内部函数没有添加var赋值，它们也会自动依赖于窗口中的JS。
使用窗口来声明全局变量只是 jQuery 时代的遗产。
当我编写 jQuery 插件时，我相信窗口中挂着一堆东西。
比如这一段： javascript （函数（）{ window.myPlugin = 函数() { // 插件代码 }; })();
这种书写系统现在看来是反人类的，但当时每个人都这样做。
我有一个客户项目。
当我重新格式化它时，我更改了所有 Windows 变量。
代码量减少了一半，性能也得到了提升。
重要的是，现在使用 Vue 或 React，您根本不必担心这些消息。

最大的问题是污染问题。
我看到了一个糟糕的计划，有超过 3 00 个全局变体，所有名称都乱七八糟。
一位同事想用userCount，另一位同事用了，最后发现这些都是直接影响整个团队内部紧张气氛的变量。
因此，现在我们的内部政策是除非绝对必要，否则不会利用全球差异。
如果使用的话，只需创建一个globalConfig对象，将所有全局变量放入其中，并将其用作字典即可。

我使用 Morulation 已有十多年了。
当ES6 出来的时候，我觉得它很酷，但是现在没有模块几乎不可能阅读代码。
但在 ES5 的时候，我们从补丁中获得了很多乐趣。
比如这一段： javascript var 计数器 = (函数() { 变量计数 = 0； 函数返回（）{ 返回 ++ 计数； }; })(();
今天这个东西用普通用户也能写出来，但那时候是闭包的世界，记得有一次面试，面试官让我写一个闭包来实现单例模型，我忙了半天，最后面试官说：“真的，你也可以用它来实现。
”我立刻问道。

我记得2 01 9 年的资料，全面开发中全局变量的比例还是4 0%左右。
但说实话，除非你写的是单页应用，或者是真正需要全局状态的工具库，否则你还是应该坚持使用实用的模块，这十年来他们所攻击的警告告诉我，Bang 个人在 Node.js 环境中运行的可能性不大，但认为全局变量在 Node 中还是比较常见的。
Node 还建议使用 ES 模块，因此也应该进行改进。

js通过var定义全局变量与在window对象上直接定义属性的区别说明

这是一个洞。
全局变量不能通过delete删除，但window属性可以。
var num1 = 1 2 3 ； 窗口.num2 = 4 5 6 ; 删除数字1 ； // 无效 删除数字2 ； // valid
实用提醒：使用var声明变量时，请确保不要意外删除全局变量。

js如何输出一个变量的值？

之前帮朋友调试过类似的需求，JS将字符串转换为数组的过程当然是非常直观的。
一步一步的分解非常清晰。

1 .在定义字符串变量时，我习惯使用单引号，例如 let str = 'apple, Banana, Orange'。
逗号分隔是最常见的情况，但不要忘记用空格来测试情况，例如“Apple，Apple”。
split 方法默认按任何空白字符进行分割。

2 分割方法是我经常使用的一种技术，但有一段时间我几乎陷入其中。
参数是什么并不重要。
重要的是逗号之前是否有空格。
例如， str.split(',') 和 str.split(' , ') 具有完全不同的结果。
不要忘记用空格测试 "1 , 2 , 3 ".split(',') 。
结果是一个带引号的字符串，如 ["1 ", "2 ", "3 "] 。

3 console.log 技巧非常实用。
在测试过程中，我注意到当我将 console.log 更改为警报时，弹出结果会显示额外的引号，例如“Apple”而不是“Apple”。
这非常有趣，因为它表明 JS 自动在输出中添加引号。

4 我遇到了有关直接执行脚本的浏览器安全限制。
本地测试时没问题，但上传到服务器后，有的浏览器会提示脚本执行异常。
我们建议使用 document.addEventListener('DOMContentLoaded', function() {...}) 并等待 DOM 加载后再执行。

5 开发者工具中的这一步很重要。
我习惯使用快捷键F1 2 或右键单击并选择“检查”来打开它。
控制台面板通常被其他选项卡覆盖，因此请将浏览器的缩放调整回 1 00%。

6 数组的概念在JS中太基础了。
但有一个细节我几乎没有注意到。
split 方法返回一个常规数组，而不是 Array.from。
使用 console.log(typeof arr) 检查，结果应该是“object”。

7 当我想要解压数组以查看更多详细信息时，我经常使用 for...of 循环打印。
例如，(let item of arr) console.log(item) 将每个元素打印在单独的行上。
此详细信息可以帮助您快速识别数据格式问题。

有一个真实的案例。
前段时间在写一个小程序，发现用Split("\n")剪切用户上传的CSV文件后，中文逗号分隔行的数据会丢失。
最后，通过使用常规的Split(/,|\n/)解决了这个问题。
因此，测试数据的多样性非常重要。