开发环境 1年前

编程语言
276
开发环境

开发环境准备

1. 在浏览器中执行

Javascript 是一门web语言,结合 html, css ,可以实现丰富的页面效果, 所以 Javascript 可以在浏览器中执行

具体步骤如下:

  1. 可以在本地建一个 .html 的文件,比如 test.html

  2. <head> </head> 或者<body> </body> 之间,插入<script> </script> 标签

  3. Javascript 的代码就可以写在 之间了

  4. 双击 test.html 文件,浏览器会自动打开html文件,这时候就能看到效果了。

test.html 文件内容如下

<html>

<head> <meta charset="utf-8"> <title>www.helloworld.net</title>

&lt;script&gt;
    //在这里可以写 Javascript 代码
&lt;/script&gt;

</head>

<body>

&lt;script&gt;
    //在这里也可以写 Javascript 代码
&lt;/script&gt;

</body>

</html>

只需明白,浏览器会解释并执行位于 之间的 JavaScript 代码

那些老旧的实例可能会在

JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

您可以在 HTML 文档中放入不限数量的脚本。 head或者body 标签中间,可以加多个 标签

外部引入 js 文件

也可以把 JavaScript 代码单独写在一个 文件中,扩展名为 .js , 这样就可以应用在多个页面中,达到复用的目的

外部 JavaScript 文件的文件扩展名是 .js

引入外部 js 文件的方法:在

<html>

<body> <script src="my.js"></script> </body>

</html>

2. 在node中执行

Javascript 代码之所以在浏览器中能执行,以 chrome 浏览器为例子,是因为在 chrome 中有内置的 解释 Javascript 代码的引擎,这引擎名字叫 v8 。

现在我们知道,v8 是 Javascript 语言的引擎,有了它,就可以执行 js 代码了,之所以在chrome浏览器中能执行,就是因为内置了v8

那么我们想不在浏览器中执行怎么办呢?

很简单, 安装 一个 v8 引擎不就行了吗。事实上是可以的。想安装 v8, 我们可以安装 node.js 。

2.1 node.js 是什么?

注意:node.js 不是一个 .js 文件node.js 不是一个 .js 文件node.js 不是一个 .js 文件

node.js 就是一个用c/c++ 编写的一个可执行文件。作者非要把它起名为 node.js ,我觉得命名为 nodejs.exe 比较适合

这样的名字的确误导了好多人。索引现在叫 nodejs 得了。免得被误导

现在我们知道, nodejs 是一个c/c++编写的可执行文件,里面内置了 v8引擎,所以只要安装 了 nodejs, 就可以不用浏览器,也能执行 javasciprt 代码了。

2.2 如何安装 nodejs

以windows为例,在nodejs官网下载相应的安装包,http://nodejs.cn/download/

像安装 其它软件 一样,一路回车就行。安装完之后 ,打开命令行,输入 node ,如下图,说明安装成功了。

image

2.3 在node中执行 js

  1. 新建一个 .js 文件,比如 test.js
  2. 打开命令行,我用的是git bash ,当然也可以用 cmd
  3. 输入 node /路径/test.js , 或者切换到 test.js 所在的目录,直接输入:node test.js 即可

注:node 后面跟 js 文件的绝对路径,也可以切换到 js 文件所在的目录下,直接执行 node test.js

例子:

test.js 文件内容如下:

var msg = "hello,world"
console.log(msg);

使用 cd 命令,切换到 test.js 所在目录,执行 node test.js ,如下

image

可以使用任何文本编辑器编写 js ,但用的最多的就2个,一个是 visual studio code , 一个是 webstorm。

我们接下来以 visual studio code 为例,来学习Javascript

不打算在浏览器演示,是因为在浏览器中执行js ,会有一些 html 的内容,看着不太干净,我们只关注 js 本身

所以,我们只在 node 中学习 js ,至于 js 操作 html 中的内容,以后会在其它教程中有讲解。

小结

通过上面的介绍 ,我们简单总结如下:

  1. Javascript 执行必须要有相应的解释器,最常用的就是v8了

  2. 浏览器中都有内置的相应的解释器

  3. 想要脱离浏览器执行 javascript ,可以安装 nodejs

  4. nodejs 是c/c++编写的可执行文件,里面内置了v8引擎以及其它的组件

  5. 在node环境下执行 js 文件,可以打开cmd或者git bash(我个人喜欢用git bash ,因为支持常用的linux的命令)

  6. 打开cmd或者git bash后,输入node test.js, 注意:node 命令后面跟 js 文件的绝对路径

  7. 也可以使用 cd 命令切换到 js 文件所在的目录,这样就可以使用相对路径了

image
EchoEcho官方
无论前方如何,请不要后悔与我相遇。
1377
发布数
439
关注者
2298967
累计阅读

热门教程文档

Java
12小节
MyBatis
19小节
Swift
54小节
Flutter
105小节
Spring Cloud
8小节