JavaScript入门
2019-03-13 本文已影响0人
antimony
简单介绍 JavaScript的发展历史。
1997年7月，ECMAScript 1.0发布。
1998年6月，ECMAScript 2.0版发布。
1999年12月，ECMAScript 3.0版发布，成为 JavaScript 的通行标准，得到了广泛支持。
2007年10月，ECMAScript 4.0版草案由于分歧与争论，于2008年7月废除，并将其中涉及现有功能改善的一小部分发布为 ECMAScript 3.1，该版本的项目代号起名为 Harmony（和谐）。会后不久，ECMAScript 3.1 就改名为 ECMAScript 5。
2009年12月，ECMAScript 5.0 版正式发布。Harmony 项目中一些较为可行的设想定名为 JavaScript.next 继续开发，后来演变成 ECMAScript 6。
2015年6月，ECMAScript 6正式发布，并且更名为“ECMAScript 2015”。这是因为TC39委员会计划，以后每年发布一个ECMAScirpt的版本，下一个版本在2016年发布，称为“ECMAScript 2016”。
介绍浏览器的渲染机制。
1.解析 HTML 标签, 构建 DOM 树
2.解析 CSS 标签, 构建 CSSOM 树
3.把 DOM 和 CSSOM 组合成 渲染树 (render tree)
4.在渲染树的基础上进行布局, 计算每个节点的几何结构
5.把每个节点绘制到屏幕上 (painting)
样式、JS 在 HTML 中如何放置？
最佳实践
- 样式（CSS）放置在 html 的 <head> 中。
- JS 放置在 html 中 <body> 内容的最后。
原因 - 脚本会阻塞后面内容的呈现
- 脚本会阻塞其后组件的下载
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<link rel="stylesheet" href="xxx.css">
</head>
<body>
<h2>...</h2>
<p>...</p>
<script src="xxx.js"></script>
</body>
</html>
JavaScript 定义了几种数据类型？ 哪些是原始类型？哪些是复杂类型？
JavaScript 语言的每一个值，都属于某一种数据类型。JavaScript 的数据类型，共有六种。
- （ES6 又新增了第七种 Symbol 类型的值）
- 数值（number）：整数和小数（比如1和3.14）
- 字符串（string）：字符组成的文本（比如"Hello World"）
- 布尔值（boolean）：true（真）和false（假）两个特定值
- undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值
- null：表示无值，即此处的值就是“无”的状态。
- 对象（object）：各种值组成的集合
如何判断一个变量是否是数字、字符串、布尔、函数？
JavaScript有三种方法，可以确定一个值到底是什么类型。
- typeof运算符
- instanceof运算符
- Object.prototype.toString方法
instanceof运算符和Object.prototype.toString方法，将在后文相关章节介绍。这里着重介绍typeof运算符。
