JavaScript结构拆分

• Script标签：

• 在HTML文档中，JS的开始标签与结束标签相似，一段JS的写入，需要由<Script>...</Script>包裹，JS代码可以插入到HTML文档中的任何位置，当浏览器运行时，检测该标签时，代码会自动运行并解析。

• 过时的标签属性：

• script标签同样具有属性，与现代script语言相比较，摒弃了或者说是省略了以前的type、language的属性，在EM5规范之前，该语言标签属性需要在输入时进行标记，如：<script type="text/javascript" language=...></script>

• 脚本注释：

  <script type="text/javascript"><!-- ... //--></script>，使用 <!-- ... //--> 进行注释。

• 引用外部脚本：

  <script src="/your file path/your file.js"></script>，

  这里的you file path可以替换为你自己的文件路径，也可以引用一个在线的 js 文件，例如：<script src="https:www.xxxx.xx.js"></script>，

  you file替换为你自己的 js 文件。如果存在需要引用多个 js文件，则需要编写多个引用语法。相对而言，只有最简单轻量的 js 脚本文件才可以放置在你的HTML文档中，更复杂大型的 js 文件，你应当单独建立一个文件夹来存放在里面。这样当你的页面加载时，浏览器会下载该脚本。然后缓存起来，当其他页面被激活运行时，也会从缓存中进行调用，而不是去下载。因此，建立单独的文件夹，会减少你页面运行时调用的时间。当你在语法中标注了 src属性，同时也在<script></script>标签内部注明了其他语法。则会忽略内部结构的语法，而直接调用src属性的链接文件，因为代码的执行是从上到下进行的。所以会忽略你的结构语法。我们建议你不要同时使用，或者仅使用其中一个。

• 代码结构：

• 语句：指代是可以执行动作响应的语法结构和消息命令，例如我们常见的网页消息弹窗，就是调用的 alert()方法。我们可以在代码中编辑任意量的语句，语句之间使用英文符号分号(;)做分割， 例如：alert("hi"); alert("你好")。

• 代码的编辑我们也建议你一句代码独占一行，这样能够给我们提供极大的可阅读性。 

• 注释：任何代码的编写同样离不开注释，在javascript 中，单行注释我们采用双正斜杠 ( // ) 开头，来对一行说明进行注释，多行注释我们采用一个正斜杠加星号 ( /* ) 开头，一个星号加正斜杠( */ )结束，这样使得语句执行时会忽略他们，大多数编辑器都可以使用 ctrl+/ 进行快捷单行注释，shift+ctrl+/ 进行多行注释，对于Mac 用户，你的键盘上ctrl键则应该是command键。

• 严格模式：

• 为了能够更好的向下兼容古老的script 语法(因为古旧的语法单纯上是不会被执行的)，同时也保证我们现代的script 语句的执行，我们需要对代码加入严格模式，在你的代码顶部，加上 "user strict"即可调用该模式。该模式不存在取消命令，例如："no user strict"，对于浏览器进行测试时，你需要在顶部首行输入，然后使用Shift+Enter后进行输入多行语句，或者也可以使用最麻烦的指令函数

  (function(){ "user strict"; })()，

  当你的代码中调用到了class、或者module时，会自动启用严格模式。

今天的分享就到此，关注我！学习更多编程知识。