JavaScript|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的第2天
一、JavaScript 概述
JavaScript是一种运行在客户端的脚本语言,已经被广泛应用在Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本通过嵌入在HTML中来实现自身的功能。
二、JavaScript 发展历程
战国时代
1995年 Netscape(网景) 发明了 LiveScript 后改名为JavaScript
1996年,微软发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版,叫做 JScript
一统江湖
ECMAScript:欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言
1997年06月,ECMAScript 1.0版
1998年06月,ECMAScript 2.0版
1999年12月,ECMAScript 3.0版
2007年10月,ECMAScript 4.0版(版本改变太激进,死了)
2009年12月,ECMAScript 5.0版
2011年06月,ECMAscript 5.1版发布,成为ISO/IEC(国际标准化组织及国际电工委员会)16262:2011)标准
2015年06月17日,ECMAScript 6版,可以叫ECMAScript 6(ES6),也可以叫ECMAScript 2015(ES2015)
javascript未来将由ECMA以每年一个版本的方式进行迭代更新,版本号也会按照年份来排序,ES2015、ES2016……
三、第一个JavaScript 程序
- 嵌入式
<script type=“text/javascript”>
alert('hello world!');
</script>
- 引入式
<script type=“text/javascript”src=“js文件的路径”></script>
四、JavaScript 声明变量并同时赋值
*//简写*\
**var** a = 3;\
console.log(a); *//3*\
a = "hello";\
console.log(a); *//hello*\
a = **true**;\
console.log(a); *//true*\
*//同名变量会产生覆盖*\
**var** name = "小红";\
**var** name = "小丽";\
alert(name); *//小丽*
- 语法格式
-
-
区分大小写
-
代码以;号结束,分号可以省略,但不建议
-
注释使用 //单行注释 /**/ 多行注释
-
代码块使用{}包含
-
调试代码使用控制台输出语句:开启控制台
-
命名规则
由英文字母、数字、_及$组成,数字不能作为开头,不能使用js中的关键字。
-
- **//大小写敏感**
- **var** Name="小花";\
**var** name="小毛";
- *//可读性高的变量名*\
**var** a_local *//使用下划线连接关键字*\
**var** _username= "tt"; *//使用下划线开头*\
**var** $total; *//用$开头*\
**var** password; *//用小写字母*\
**var** seatNumber = 5; *//驼峰命名法*\
**var** isHappy = **true**; *//布尔值使用is开头*\
\
*//不能使用关键字(保留字)因为语言私有,例如:*\
**var** **false**;\
**var** **true**;\
**var** boolean;\
**var** **var**;\
\
*//可以使用中文,但不推荐*\
**var** 果果 = "中文变量";
五、总结
JavaScript 是 web 开发者必学的三种语言之一:
- HTML 定义网页的内容
- CSS 规定网页的布局
- JavaScript 对网页行为进行编程
- 组件设计原则: 封装性,正确性,扩展性,复用性
- 实现组件的步骤: 结构设计、展现效果,行为设计
- 三次重构: 插件化,模板化,抽象化