JS使用方式

JS是解释性语言，所以不需要搭建类似C#/Java之类的开发运行环境，因为他们是编译型语言。JS一般运行在浏览器中或者node环境中，这里都是JS引擎的功劳。

node环境使用

推荐使用nvm管理node版本，nrm管理代理地址。
安装node：https://nodejs.org/en/
然后随便写一个JS文件，运行node命令运行即可：

HTML中使用

在html中使用方式有两种：

第一种，直接嵌入到html中进行使用

第二种，写到单独的文件中，在html中引用

扩展

延迟脚本（defer），异步脚本(async)

在了解defer和async之前，我们需要了解一下浏览器如何解释html的。一个html文档，浏览器是自上而下进行解析的。也就是从html开始一步一步到/html, 即使head中引用了多个外部js，也会将全部js加载完再向下解析。这就产生了一个问题，如果head中引入了大量外部js，这就会造成页面开始是空白的情况，直到js全部加载完之后，才会根据DOM进行界面显示。
所以可以将外部引用的js放置在body的尾部最好不过：

defer

在html4.01为script添加了defer属性，脚本会延迟到整个页面都解析完毕后再运行，也就是虽然脚本在head中，但是也会延迟到浏览器遇到</html>之后再执行。

注意
在现实中，延迟脚本并不一定会按照顺序执行，也不一定会在DOMContentLoaded事件触发前执行，因此最好只包含一个延迟脚本。

async

顾名思义，该属性的功能就是让浏览器异步加载js，而不是按照常规的顺序解析。

提示：延迟加载，并不影响界面的构造。而是立即下载，延迟执行。
最好使用外部文件来包含JS代码。
可维护性；可缓存，更加具有包容性。

<noscript>元素
用于验证浏览器是否支持JS，如果不支持，进行提示。
<noscript>该浏览器不支持脚本</noscript>

关于我

• 一个推崇全栈开发的前端开发人员

• 微信: itrzzh
  

• 公众号：全栈道
  

• 个人网站：https://www.iotzzh.com
  

• 知识星球：全栈道
  

• B站：https://space.bilibili.com/285025688

• 抖音：全栈道

• github：https://github.com/iotzzh

• gitee: https://gitee.com/iotzzh

捐赠鼓励

开源不易，如果《全栈道》对你有些帮助，可以请作者喝杯咖啡，算是对开源做出的一点点鼓励吧！