JS 核心语言基础语法 之 使用方法

在学习JavaScript语法之前，我们要先了解一下怎么用JS。一般我学一门语言，都习惯从hello world开始，哈哈，大家也可以试试。在我《JS 核心语言基础语法》这一系列的博文中呢，我将以思维导图的形式，来梳理js核心语法的这一部分知识点。梳理的过程，既是我温故知新的过程，也是一个分享知识的过程，希望有缘读到我博文的同学呢，能够有所收获，同时有不准确或有错误的地方，也欢迎大家批评指正~废话不说，进入正题。

下面呢，是使用方法这一部分的导图，我们先看一下：

关于使用方法，我主要说三点，一个是如何引用，一个是标签属性，还有一个是noscript标签。

关于如何引用JS代码，请看官抬眼看上图，有三种方式：行内使用、内嵌以及外部引入。

行内使用，就是在html标签里使用：如

<input type='button' value='click me' onclick="alert('我是行内使用方式')" >

内部嵌入式，就是用script对标签，包裹js代码，放置在html中，而放置的位置，有个说道，就是最好放在</body>前，为什么呢，因为js运行过程，是一行一行从上到下解析完再运行，有个阻断效果，如果我们把js放在文档的上面，那第一是会阻断html文档加载，还有就是如果js中涉及到操作文档的部分，可能会报错呦，因为文档还没有加载出来嘛~

外部引入式，也是要拥戴script标签，不过不会把js代码写在标签里，而是写在一个独立的js文件中，然后通过script标签的src属性，引入这个外部的js文件~，script标签的位置呢，也是最好放在</body>前面。

下面我们看一组代码，来具体感受一下这三种方式的不同：

下面我们结合上面的代码，来说一下三种方式的使用场景。

行内使用，这种方式不推荐使用，因为耦合性太高了，你想想，你想调用一个方法，如果方法名写在标签里，如果你后期要调整方法名，是不是每个地方都得调？麻烦~

内部嵌入式，这种方式呢，适用于这部分代码，只在当前文档生效的情况。

外部引入式，这种方式，适用于多个文档使用同一部分方法的情况，一个文件，处处调用。

说完使用方法，我们来简单说一下script属性，script属性不少，常用的就是src，其他的用到的很少，感兴趣的话你可以找文档去看看，这里我除了src，再说两个其他的属性，defer和async，这两个属性，都是异步加载js用的，区别在于，defer是先异步加载，然后等文档加载完了再运行，async是异步加载，乱序执行，大家了解下就行，最好不用！

最后说下noscript标签，这个标签其实挺重要的，就是在js代码运行不了的情况下，显示提示信息的。

关于js使用方法，我们就先说到这啦~拜拜~