1. JavaScript介绍
JavaScript是一种轻量级的脚本语言,不具备开发操作系统的能力。
JavaScript的宿主环境有很多种,最常见的是浏览器,另外还有服务器环境,就是Node项目。
2. JavaScript与ECMAScript的关系
JavaScript是ECMAScript的一种实现,ECMAScript是JavaScript的规格。
3. JavaScript语句
语句以分号结尾,可以不写分号,但不建议。
var num = 10;
4. JavaScript标识符
标识符可以以任意Unicode字母、美元符号$和下划线_开头,第二字符以后除了前述类型还可以是数字。
标识符可以是中文,但不建议。
标识符对大小写敏感,即A和a是两个不同的标识符。
var num1 = 10;
var $a = 10;
var _a = 10;
var 名字 = "空白";
// var 1p = 10; 错误的
5. JavaScript关键字
关键字不能被作为标识符,以下单词均为JavaScript的关键字。
arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield
// var break = 10;
// 错误的,关键字不能作为标识符
6. JavaScript注释
// 单行注释
/*
多行注释
*/
/**
* 文档注释
*/
7. JavaScript变量
变量是对值的具名引用。
var a = 10;
// a为变量
// 解析过程如下
var a;
a = 10;
变量的重新赋值:
var a = 10;
a = 20; // 此时a为20
变量提升:JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。
console.log(a);
var a = 10;
// 控制台输出undefined
// 解析过程如下
var a;
console.log(a);
a = 10;
8. JavaScript常量
常量是ES6的新特性,使用关键字const定义常量,常量在定义时就需要赋值,不能对常量重新赋值。
const pi = 3.14;
// pi = 3.1415; 错误的,不能对常量重新赋值
9. JavaScript引入到HTML文件中的方法
9.1 引入本地独立JS文件
<script type="text/javascript" src="./Number.js"></script>
9.2 嵌入到HTML文件中
<script>
var num = 10;
</script>
9.3 引入网络来源文件
也称为CDN(Content Delivery Network,即内容分发网络),其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输得更快更稳定。
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
10. JavaScript输出方式
// 在浏览器中弹出一个对话框,然后把要输出的内容展示出来,alert都是把要输出的内容首先转换为字符串然后再输出的
alert("要输出的内容");
// 直接在页面中展示输出的内容,如果在文档已经完成加载后执行document.write()将覆盖整个HTML页面
document.write("要输出的内容");
// 在控制台输出内容
console.log("要输出的内容");