JavaScript基本认知

 变好的过程都不太舒服，试试再努力点

目录

1.什么是JavaScript

2.作用

3. 组成

4. 书写位置

5. 注释

6. 输出语法

7.输入语法

8. Script标签的属性（面试常考）

---

1.什么是JavaScript

JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2.作用

• 网页特效 (监听用户的一些行为让网页作出对应的反馈)
• 数据交互 (获取后台的数据, 渲染到前端)
• 表单验证 (针对表单数据的合法性进行判断)
• 服务端编程 (node.js)

3. 组成

• EcmaScript  JS语法核心（ES5、ES6）
• BOM 浏览器与对象模型 （窗口交互）
• DOM 文档对象模型（对页面元素进行增删改查），是一种针对于XML，但是经过拓展用于html的应用程序接口，接口就是连接两个不同的数据类型。

4. 书写位置

• 嵌入式：直接写在html文件里，用script标签包住
• 外链式：代码写在以.js结尾的文件里，通过script标签，引入到html页面中（优点：易维护，可通过缓存提高性能）。

注意：由于JS的单线程特性，所有费异步脚本都会按照文档顺序，加载执行，所以JS放在body后面，这样加载html后进行JS的加载和解析。

5. 注释

• 单行注释：// （快捷键ctrl+/）

• 块注释：/* */ （快捷键shift+alt+A）

6. 输出语法

• Document.write(‘要输出的内容’); 向body内输入
• Console.log(‘控制台打印’);  程序员调试
• alert(‘弹出对话框’);  弹出警告对话框

7.输入语法

 prompt(‘弹出对话框输入内容’);

8. Script标签的属性（面试常考）

• async （可选）立即加载脚本，不阻塞页面其他操作（异步），脚本加载完毕之后立即执行，不能保证执行顺序
• Defer（可选）立即加载脚本，不阻塞页面其他操作（异步），脚本加载完毕之后不立即执行，html5会按照文档中顺序执行。
• Charset（可选）表示代码字符集
• Source 外部脚本必填外部文件位置
• type文档类型，Mime 类型默认时text/javascript