JavaScript 中语法规范及调试

JavaScript 中语法规范及调试

　　版权声明：未经博主授权，内容严禁分享转载　　

---

 JavaScript 开发环境

　　JavaScript 脚本可以使用任意一款纯文本编辑器进行编程开发。

常见的前端开发编辑器：

　　　　- 轻量级：nodepad++、editplus、vi/vim

　　　　- 中量级：Sublime Text、Atom

　　　　- 重量级：AptanaStudio（基于 eclipse）、JetBrains WebStorm（收费软件）

 

　　IDE：集成开发环境，编辑器（代码提示/代码补全）+ 调试器 + 项目管理 + FileWatcher（文件监视器） + 服务管理器

 

　　所有的程序运行都需要相应的环境，JavaScript 程序运行在 JS 脚本解释器中，简称 JS 引擎。

JS 引擎可以独立安装在操作系统中，也可以嵌入在浏览器内核。

浏览器内核主要由两部分组成：

　　　　- 内容排版引擎——解析 HTML/CSS

　　　　- 脚本解释引擎——解析 JavaScript

 

　　目前，所有浏览器的内核中，都默认安装了 JS 引擎。

　　所以，只要有浏览器就可以解释运行 JS 程序。

 

　　

浏览器内核

　　

JavaScript 语法规范

JavaScript 注释规范

　　不会被 JavaScript 引擎解释执行的代码。

　　- 单行注释： //

　　- 多行注释：   /*    */

<script>
    // 单行注释
    // document.write("hello");
    
    // 多行注释
    /*
    document.write("JavaScript");
    */
</script>

 

规范要求

　　- JavaScript 使用 “;” 分号表示一条语句的结束。

　　- 严格区分大小写。

　　- 字符串必须使用 引号 包裹，单引号、双引号都可以，但必须成对出现。

 JavaScript 脚本错误

　　当 JS 脚本出现错误时，程序会停止运行，并会在控制台输出错误信息。

　　一个页面如果有多个 <script> 标记，JS 脚本在执行过程中，若一个  <script> 标记中某一行语句出错，则同一个 <script> 标记内错误语句后面的代码将终止执行。

　　其他 <script> 内的代码依然继续往下执行。

 

使用控制台查看脚本错误信息

　　控制台（console）是浏览器中用于 JS 代码调试的平台。

 

　　打开方式

　　　　- 点击“开发者工具”打开。

　　　　- Windows上使用快捷键 F12 开启。

　　　　- mac 上使用快捷键 command + alt + i 开启。

 

例如

　　

 JavaScript 输出

JavaScript 的三种输出方式

　　- 向网页中输出：document.write()；

　　- 弹出提示框：alert();

　　- 在控制台输出：console.log();

 JavaScript 输出 - 向网页中输出

 JavaScript 使用 document.write() 方法向网页输出内容。

　　- 注意：此方法会改变网页原本结构，因此在开发过程中很少使用。

<script>
    document.write("hello<br/>");
</script>

　　

JavaScript 输出 - 弹出提示框

 使用 alert() 方法，可以在网页上弹出一个提示框。

　　- 注意：alert() 方法弹出提示框会暂停程序的执行，并且无法操作网页，知道点击了“确定”按钮，浏览器提示框是不允许自定义制定的，有的网页有偏凉的提示框那不是浏览器自带的，而是用 div css js 自己编写的。

<script>
    alert("这是一个弹框提示！")
</script>

 　　

 JavaScript 输出 - 向控制台输出

 使用 console.log() 方法可以向控制台输出内容。

　　- 注意：console.log() 此方法常用的调试方法，通常用来查看程序的执行结果。

<script>
    console.log("这是向控制台输出的结果")
</script>

　　

JavaScript 的组成

 完整的 JavaScript 语言由三部分组成

　　- ECMAScript（核心 JavaScript）——描述了改语言的基本语法及对象。

　　- DOM （文档对象模型，Document Object Model）——描述了处理网页元素和内容的方法和接口。

　　- BOM（浏览器对象模型，Browser Object Model）——描述了访问和操作浏览器窗口的方法和接口。

 

---

 

 完成！累了，休息一下，明天继续！加油！