如何编写JavaScript语言

2019年5月22日 546次阅读 来源: 神淘汰

JavaScript的书写要求

上一次跟大家说了，JS的语法点和数据类型，现在要教大家如何编写JS语言
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网页名字</title>
        <script>
            alert("这里可以书写代码");
        </script>
    </head>
    <body>      
    </body>
</html>

由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。
在此我建议大家使用谷歌Chrome浏览器，因为谷歌运行起来比较方便且容易查看，这里是谷歌浏览器的下载链接：http://www.pc6.com/softview/SoftView_24670.html

如何编写JavaScript

我们把计算机当成是一个人，他不懂中文，他懂计算机语言，但是，我们怎么跟他说计算机语言呢？我们将要用到解释器，它就像是一个翻译器，把我们的想法解释给电脑听，我来推荐几个比较好用的可以使用js的解释器：

Aptana Studio 3

作者使用的编辑器，Aptana Studio 3，非常实用，可以更改配色，内置Apache，前端开发PHP，JSP方便。免费！强烈推荐使用！

Visual Studio Code

微软出的Visual Studio Code，可以看做迷你版Visual Studio，免费！跨平台！内置JavaScript支持，强烈推荐使用！

Sublime Text

Sublime Text是一个好用的文本编辑器，免费，但不注册会不定时弹出提示框。

Notepad++

Notepad++也是免费的文本编辑器，但仅限Windows下使用。

注意：不可以用Word或写字板来编写JavaScript或HTML，因为带格式的文本保存后不是纯文本文件，无法被浏览器正常读取。也尽量不要用记事本编写，它会自作聪明地在保存UTF-8格式文本时添加BOM头。

由于我今后都使用Aptana Studio3为你们写教程，所以建议你们下载Aptana Studio 3

如何运行JavaScript

要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让浏览器加载该HTML页面，就可以执行JavaScript代码。

你也许会想，直接在我的硬盘上创建好HTML和JavaScript文件，然后用浏览器打开，不就可以看到效果了吗？

这种方式运行部分JavaScript代码没有问题，但由于浏览器的安全限制，以file://开头的地址无法执行如联网等JavaScript代码，最终，你还是需要架设一个Web服务器，然后以http://开头的地址来正常执行所有JavaScript代码。

不过，开始学习阶段，你无须关心如何搭建开发环境的问题，我们提供在页面输入JavaScript代码并直接运行的功能，让你专注于JavaScript的学习。

一个程序员的心态

调试

俗话说得好，“工欲善其事，必先利其器。”，写JavaScript的时候，如果期望显示ABC，结果却显示XYZ，到底代码哪里出了问题？不要抓狂，也不要泄气，作为小白，要坚信：JavaScript本身没有问题，浏览器执行也没有问题，有问题的一定是我的代码。

如何找出问题代码？这就需要调试。

怎么在浏览器中调试JavaScript代码呢？

首先，你需要安装Google Chrome浏览器，Chrome浏览器对开发者非常友好，可以让你方便地调试JavaScript代码。

安装后，随便打开一个网页，然后点击键盘上的F12，浏览器窗口就会一分为二，出现开发者工具

《如何编写JavaScript语言》 在console中，可以书写代码，按回车运行

关闭Console请点击右上角的“×”按钮。请熟练掌握Console的使用方法，在编写JavaScript代码时，经常需要在Console运行测试代码。

如果你对自己还有更高的要求，可以研究开发者工具的“源码(Sources)”，掌握断点、单步执行等高级调试技巧。

练习

打开B站，然后查看页面源代码，找一找有没有JavaScript代码？

如果你能看到：
// \ // \ // ##DDDDDDDDDDDDDDDDDDDDDD## ## DDDDDDDDDDDDDDDDDDDD ## ________ ___ ___ ___ ________ ___ ___ ___ ## hh hh ## |\ __ \ |\ \ |\ \ |\ \ |\ __ \ |\ \ |\ \ |\ \ ## hh // \ hh ## \ \ |\ /\ \ \ \ \ \ \ \ \ |\ /\ \ \ \ \ \ \ \ ## hh // \ hh ## \ \ __ \ \ \ \ \ \ \ \ \ __ \ \ \ \ \ \ \ \ ## hh hh ## \ \ |\ \ \ \ \ ____ \ \ \ \ |\ \ \ \ \ ____ \ \ \ ## hh wwww hh ## \ _______\ _\ _______\ _\ _______\ _\ _______\ _\ ## hh hh ## |_______| || |_______| || |_______| || |_______| || ## MMMMMMMMMMMMMMMMMMMM ## ##MMMMMMMMMMMMMMMMMMMMMM## Release 2.3.3. Powered by jinkela-core 2.2.7. / /

就证明你已经掌握Console的用法啦！

    原文作者：神淘汰
    原文地址: https://www.jianshu.com/p/7bc60fe41d5f
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞