01. JS 基础

一、浏览器

• shell部分

• 内核部分

  • 渲染引擎(语法规则和渲染) ==> 兼容性问题出现的根本原因

  • JS引擎

  • 其他模块

• 主流浏览器内核

浏览器	内核
IE	trident
Chorme	webkit/blink
firefor	Gecko
Opera	preso
Safari	webkit

二、Javascript简介

JS 是一种专为与网页交互设计的脚本语言。由三部分组成：

• ECMAScript：也叫解释器，充当翻译角色，这是 JS 的核心部分。

• DOM：文档对象模型（Document Object Model）。DOM 赋予了 JS 操作 HTML 的能力，即 document 操作。

• BOM：浏览器对象模型（Browser Object Model）。BOM 赋予了 JS 操作浏览器的能力，即 window 操作。

JS 是一种可以与HTML标记语言混合使用的脚本语言，其编写的程序可以直接在浏览器中解释执行

JS 是一种 解释型语言 (预编译、执行), 跨平台, 单线程(同一时间只能干一件事)

JS 的国际标准是 ECMAScript --> es3.0(基础，全面) es5.0 es6.0

• JS: ECMAScript + DOM + BOM

  • 语法、类型、语句、关键字、保留字、操作符、对象

三、标识符

定义：指变量、函数、属性的名字，或者函数的参数

命名规则：

• JavaScript 中的一切都区分大小写（变量、函数名和操作符）都区分大小写

• 第一个字符必须是一个字母、下划线（_）或一个美元符号（$）

• 其他字符可以是字母、下划线、美元符号或数字

• 建议采用驼峰命名法（第一个字母小写，剩下的每个单词首字母大写），例如firstSecond，myCar，doSomethingImportant

常用的匈牙利命名法的前缀：

四、JS 引用

为符合Web标准(w3c标准中的一项)结构,样式,行为相分离,通常采用外部引入

<!-- 外部引入文件 src属性 -->
<!-- 解析顺序 从上到下 边解析边执行 -->
<!-- 延迟执行：defer 可以延迟执行代码（当页面都加载完毕以后 window.onload）  -->

<script type=text/javascript charset=utf-8 defer="defer" src='../commons/001.js'></script>
// ..访问上级文件夹

五、注释

• 单行注释：// 单行注释

• 多行注释：/* 多行注释 */

六、语句

• JS 语句以一个分号结尾

• 如果省略分号，则由解析器确定语句的结尾，不建议

• 在控制语句中使用{}将代码块包起来，可以使编码意图更加清晰

if(test)
	alert(test);//有效但容易出错，不要使用

if(test){
	alert(test);//推荐使用
}

七、转义符

反斜杠(\)是一个转义字符，转义字符可用于将特殊字符转换为字符串字符，可以用于转义撇号、引号、换行等其他特殊字符，在编写代码时需要注意特殊字符问题，很多运行时出现的问题都是因为特殊字符而引起的，由于反斜杠本身被用作转义符，因此不能在代码中只键入一个 \ ，如果需要显示一个反斜杠，必须一次键入两个 \\ 。

下面是一些常用的转义字符：