为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？ 第1页

能问出这种问题，那说一堆乱七八糟的名词也没用了，无意中翻到这个问题就想到我初学之路的艰辛hhh，于是怒答一发，我知道这时候你肯定什么也不懂，纯萌新嘛，所以我不会阴阳怪气嘲讽不懂的你，相反我会用比较生动的方式给你解答下，可以当做你初学路上的一个休闲小知识小插曲

首先你问《为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？》

看你报错的图，这个问题和vscode与谷歌浏览器都没一点关系

这个框是哪来的？其实背后充满故事，我先讲讲故事，最后在给你讲讲这个报错框是怎么回事

在Windows电脑里你随便在某个地方新建个txt里面写上几句js代码，把后缀名改成.js然后你发现都可以双击运行。

那是什么运行了你的脚本呢？当然不是chrome，也不是别的，而是windows自带了个解释器，能执行你这段js——你在几乎任何一个windows电脑里都能建个js然后双击运行它。

windows自带了套脚本执行系统(WSH)，可以用来写一些系统脚本，运行一些自动化的小东西（比如可以给朋友写个小脚本，当他玩游戏检测到游戏进程弹窗警告还有10秒电脑关机结果真关机了然后被朋友暴打一顿）

而这个脚本执行系统为啥能运行你的js？因为它支持这门语言啊！不过它支持的的并不是你认知中的那个叫JavaScript的语言，而是叫JScript。

这是一个远古历史遗留产物（可以追溯到windows 95那个年代），名字听起来和JavaScript差不多嘛——确实差不多，JScript你可以理解为JavaScript的方言。

上个世纪那个蛮荒年代，当年最流行的浏览器是网景(Netscape)浏览器，他们的浏览器里就有了JavaScript这门语言用来让浏览器做更多“动态”的事情，这也是你即将要学JavaScript的原因，浏览器不能光有图片文字，还得有交互对吧。

后来微软酸啊！看着网景浏览器用户那么多，微软寻思我也整个浏览器，于是大名鼎鼎（臭名昭著hhh）的IE就诞生了。起初，IE浏览器里写脚本不用JScript，也不是JavaScript，而是VBScript，这也是一个很有故事的脚本语言，以后有机会再讲。但那时候网上冲浪，大家都用最潮最IN的网景浏览器，网站开发者也只给网景浏览器开发适配的网站，你IE整个我不认识的脚本语言，我凭啥要多学一门语言来适应你IE浏览器，问题是你IE浏览器也没人用，你寄吧谁啊？

这时候IE后来也想明白了，要想蹭网景浏览器的热度首先我得先把它的JavaScript搞到手，于是微软想了各种办法（据说还反编译了网景浏览器的脚本内核），自己实现了个跟JavaScript差不多的东西，起名为JScript，似乎是微软不想也叫JavaScript是因为里面带java这个词，怕打官司之类的嫌麻烦，干脆起个避嫌的名字，又或许微软想特立独行一点，你网景浏览器叫这个名，我偏不！

但这个JScript最开始也瘸腿，各种问题各种BUG，而作为创造者的网景浏览器同样也不愿意了，你这多少有点剽窃我啊，于是网景浏览器把自己的JavaScript发到了一个国际标准组织（就和ISO一样），组织名字叫ECMA，这就像你发明了牛逼的东西总要申请专利一样，于是JavaScript顺理成章的变成了一种标准，这样我网景浏览器听着也牛逼，可以有个“国际标准创始人”的头衔了，你微软也不过是个“我的标准的另一种实现者”，听着像不像个小弟了，我的小弟是微软，倍有面儿！

没办法，微软想在浏览器这个桌子上打牌，也必须顺应这个标准，于是在这之后的JScript就很贴近JavaScript了。那具体JScript和JavaScript有什么区别呢？有一点，但是不多，有兴趣可以自己搜索下，你基本可以认为是差不多的东西，毕竟都是顺应ECMA标准的，在这之上我比你多一点方言都无所谓的。

在这之后网景浏览器被微软IE反杀的故事就有机会再讲吧，我们继续重点在这个JScript上。这个时候JScript这个语言还是给浏览器打工的，就和你认知里的“js”是一个玩意，负责给浏览器增加动态效果，后来微软寻思这个语言也不能光做这个。刚才说到，windows系统里有个WSH，就是自带的脚本解释系统，可以写一些小脚本——WSH你可以理解成一个底层引擎，在这之上可以运行多种语言的实现，于是JScript也顺理成章的加入到WSH大军，意思就是——你的“js”不但可以在浏览器里运行，如果放到桌面上双击——就像是打开一个.exe软件一样，运行它的就不是浏览器而是你的系统了，它会执行你js里的代码，这样你就可以做到很多浏览器里做不到的事情，比如让你的系统做各种事情。

所以，这也就是上面说的，这和你用chrome还是vscode一点关系都没有，你以为你双击，chrome就会运行这段JavaScript，首先chrome不会莫名其妙直接运行一个js文件，js归根到底是给网页服务的，它必须在html里以<script>标签方式引入或内嵌，先有html后有js，你先有个页面，才能在这之上做事情对吧（对萌新的教育口气hhh！，其实是因为你双击时，是windows内置的WSH把它当JScript运行了，和浏览器没关系，在这之上你要有个认知是，语言是语言，和它的平台没关系，js在浏览器里运行它是js，在WSH里运行它还是内个js，语言没变，语法没变，那什么变了呢？

简单来说，浏览器和WSH是两个不同的“宿主”，js本身就是一大串文本，需要有人翻译这个文本然后执行他们，那翻译并执行的这个玩意就是宿主了，每个宿主最终做的事情不一样，浏览器的宿主是为了让你的js能给html产生交互，而WSH的宿主目的是让你的js能运行一些系统的事物，那你有一段本应该是给浏览器运行的js代码——点击按钮后让网页背景变成红色，你把这段代码硬生生让WSH去运行，你觉得WSH会明白吗，“按钮”是什么鬼，“红色”又是啥，我只知道怎么运行EXE，怎么把你盘里的小〇片删掉；反过来你让一段本身是给WSH运行的脚本——比如一段格式化D盘的JScript脚本，你让浏览器去执行，浏览器要是能执行那岂不是乱套了，你打开任何一个恶意网站都能把你D盘格式化让你电脑关机，你觉得有可能吗

这背后都因为，每个宿主提供了一些“独有”的东西，就像是浏览器里的宿主，他独有一个window对象，借助它你可以操作网页里的元素，可以改变网页背景颜色，可以window.alert()，可以window.document.getElementById()……你的console.log()也是window对象里的一个成员，而WSH没有window对象，所以它不认识console.log，故给你报错“console”未定义。

（小知识：在WSH里如果你想打印东西到控制台，可以用WScript.Echo(str)的方式）

到这为止就破案了，你不能直接双击一个本来是给浏览器用的js，这样会让WSH把它当成JScript运行并且产生误会，其次刚才帮你捋了下js的存在意义和关系，以后你要记住浏览器里的js是为了一个网页服务的，你试图让chrome单独打开个js，那chrome怎么知道你这个js是给哪个“网页”用的嘛

最后希望你能好好学习吧，今天只是随便说说最浅层的东西，刚才讲了WSH和浏览器两个宿主，其实这个世界里还有第三个最常用的宿主叫nodejs，那个离现在的你太遥远了，不过当你开始知道并了解nodejs时候，你的前端宇宙噩梦

才 刚 刚 开 始