1、浏览器控制台运行
JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式
在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果
在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了：操作不便，没法文件操作只能命令行，找错困难，大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控制台也就执行执行简单原生的js
2、写在HTML里运行
实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。
这种方式，就是我大学时候，老师们教的传统方式了。
学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做<script>脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径
这是主流的写法也是主流的教法，嵌入的写法就是这样：
引用的写法是这样：
查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器弹出来，右键检查就能看到控制台输出的值了
3、直接运行js
实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？
当然是可以的！用node！以下是我花了一个小时才整成的历程！
1、由于我是新的电脑，我装了个nodejs，安装包安装完后，直接命令行执行node命令，即可以直接运行js代码
这样方式还是很蠢，和浏览器没什么区别
2、我用IDE些好的js文件，然后用node单独执行
看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径
3、插件(我这里用的IDEA)
来看看js代码的用法。
我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 <script>标签，<script>和 </script>会告诉 JavaScript 在何处开始和结束。
<script>和 </script>之间的代码行包含了 JavaScript：
<script>
alert("My First JavaScript")
</script>
在HTML页面的任何位置（head部分 body部分 body的后面 较好）都可以插入script标签。
你有可能会在 <script>标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。
我们来看一个具体的示例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>")
document.write("<p>This is a paragraph</p>")
</script>
</body>
</html>
上述代码就是在在HTML页面中直接嵌入js代码。
接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。
有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。
我们链接外部JavaScript文件可以有以下步骤
1、首先我们建立一个JavaScript文件，扩展名是.js
2、然后将要编写的js代码写到Js文件中，并保存文件。
3、使用script标签将JavaScript文件链接到HTML文件中
<script type="text/javascript" src="JavaScript文件名和路径"></script>
需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
我们来看一个具体的示例
我们先建一个js文件sample.js
然后写入js代码
document.write("<p>This is a paragraph</p>")
最后使用script标签将JavaScript文件链接到HTML文件中
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="sample.js"></script>
</body>
</html>
以上就是js代码使用的两种方法
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.js中，实现func1和func2函数。
3、在index.html中，新增第3个button，并调用func3()方法，并在<script>标签中输入js代码：
function func3() {
$('body').append('use func3<br/>')
}
4、浏览器运行index.html页面，此时点击“函数3”按钮，能正常执行func3函数来输出内容。
