JS发展史与引入方式和变量命名规范

JavaScript发展历史（JS）

1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,允许它们直接嵌入网页。另一个是发明一种全新的语言。
	liveScript ==> javaScript ==> ECMAscript

2. 1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司大肆宣传，许诺这种语言可以"一次编写，到处运	 行"(Write Once, Run Anywhere)，它看上去很可能成为未来的主宰。

3. 网景公司动了心，决定与Sun公司结成联盟

4. 34岁的系统程序员Brendan Eich登场了。1995年4月，网景公司录用了他,他只用10天时间就把Javascript设计出来了。（多态语言）

5. (1)借鉴C语言的基本语法; (2)借鉴Java语言的数据类型和内存管理; (3)借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位; (4)借鉴Self语言，使用基于原型(prototype)的继承机制。

JavaScript能干什么

1. 常见的网页效果【表单验证，轮播图。。。】
2. 与H5配合实现游戏【水果忍者： http://www.jq22.com/demo/html5-fruit-ninja/】
3. 实现应用级别的程序【http://naotu.baidu.com】
4. 实现统计效果【http://echarts.baidu.com/examples/】
5. 地理定位等功能【http://lbsyun.baidu.com/jsdemo.htm#i4_5】
6. 在线学编程【https://codecombat.163.com/play/】
7. js可以实现人工智能【面部识别】
8. 。。。

JavaScript的组成

总结： **JS 就是通过固定的语法去操作 浏览器 和 标签结构 来实现网页上的各种效果**

JavaScript代码的引入方式

和 css 一样，我们的 js 也可以有多种方式书写在页面上让其生效
js 也有多种方式书写，分为 行内式，内嵌式，外链式

• 行内式 JS 代码（不推荐） --------写在标签上的 js 代码需要依靠事件（行为）来触发

<!-- 写在 a 标签的 href 属性上 -->
<a href="javascript:alert('我是一个弹出层');">点击一下试试</a>
​<!-- 写在其他元素上 -->
		
<div onclick="alert('我是一个弹出层')">点一下试试看</div>
​<!--     注：onclick 是一个事件（点击事件），当点击元素的时候执行后面的 js 代码-->

• 内嵌式 JS 代码------- 内嵌式的 js 代码会在页面打开的时候直接触发

<!-- 在 html 页面书写一个 script 标签，标签内部书写 js 代码 -->
<script type="text/javascript">
alert('我是一个弹出层')
</script>
		
<!-- 
注：script 标签可以放在 head 里面也可以放在 body 里面
-->

• 外链式 JS 代码（推荐） 外链式 js 代码只要引入了 html 页面，就会在页面打开的时候直接触发
  新建一个 .js 后缀的文件，在文件内书写 js 代码，把写好的 js 文件引入 html 页面

// 我是 index.js 文件
alert('我是一个弹出层')

<!-- 我是一个 html 文件 -->
		
<!-- 通过 script 标签的 src 属性，把写好的 js 文件引入页面 -->
<script src="index.js"></script>
		
<!-- 一个页面可以引入多个 js 文件 -->
<script src="index1.js"></script>
<script src="index2.js"></script>
<script src="index3.js"></script>

变量（重点）

 - 变量指的是在程序中保存数据的一个容器
 - 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
 - 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
 - 变量的本质是内存中一个存储单元
 - **语法： `var 变量名 = 值`**

• 定义变量及赋值

// 定义一个变量
var num;
		
​// 给一个变量赋值
num = 100;
		
​// 定义一个变量的同时给其赋值
var num2 = 200;
		
		注意：
		
1. 一个变量名只能存储一个值
2. 当再次给一个变量赋值的时候，前面一次的值就没有了
3. 变量名称区分大小写（JS 区分大小写）

变量的命名规则和命名规范

规则： 必须遵守的，不遵守就是错
1. 一个变量名称可以由 **数字**、**字母**、**英文下划线（_）**、**美元符号（$）** 组成
2. 严格区分大小写
3. 不能由数字开头，不要使用中文汉字命名
4. 不能是 **保留字** 或者 **关键字**
5. 不要出现空格
		
规范： 建议遵守的（开发者默认），不遵守不会报错
1. 变量名尽量有意义（语义化）
2. 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写