(1)JavaScript介绍
JavaScript是一门弱类型的编程语言,简称js。由美国网景公司发布。
前端的编程语言只有JavaScript,而后端的编程语言有java、php、c++、go、python等。
(2)JavaScript运行环境
1、浏览器
2、服务器(nodejs)
(3)JavaScript构成
1、ECMAScript简称ES,它是js的语法规范。
主要知识:
* 变量,常量和数据表达式
* 运算符,表达式
* 流程控制语句,控制语句,循环和判断
* 函数(重要)
* 对象,面向对象(重要)
2、DOM(Document Object Model)文档对象模型,提供了操作网页元素的API。
* 节点获取和操作
* 事件对象,事件流
* html文档操作
3、BOM(Broswer Object Model)浏览器对象模型,提供了操作浏览器的API。
* location对象
* navigator对象
* history对象
(4)JavaScript的引入和js语句
1、js语句
* js语句的作用就是用来向浏览器发出命令
* js的语句以分号结尾
console.log('我是罪人');
alert('请不要把我当白痴');
2、引入方式
<script>
//js代码
</script>
<script src="./demo.js">
//这里不能再写js代码
</script>
(5)程序运行的过程
浏览器运行JavaScript的过程
- 问题1: 开发人员书写JavaScript代码,是谁执行(运行)的,何时执行的?
-
JavaScript代码(也叫 JavaScript脚本)是由浏览器运行的。
-
我们书写的JavaScript代码,实际是一个任务清单。
-
浏览器运行JavaScript代码,实际相当于按照任务清单执行任务。
-
浏览器运行JavaScript代码,大概分为两个阶段:
- 解析阶段。此阶段分析代码是否有语法错误。
- 运行阶段。解析成功后,开始逐行运行代码。(按清单执行任务)
问题2: 用户在浏览器输入url到显示页面, 这个过程发生了什么(了解)
-
这里需要先说明下浏览器显示网页的大概过程,分为两个部分:
- 解析阶段。此阶段解析html内的所有标签内容。包括style和script
- 渲染阶段。解析成功后按照解析结果渲染内容到浏览器视口内。
-
JavaScript的代码在何时运行的?
- JavaScript代码在浏览器解析html文档时运行。
- 当浏览器解析到script标签时,即开始JavaScript代码的解析和执行过程。
-
以下是浏览器显示网页的大致过程:
- 从服务器下载html文档,逐行解析
- 如果遇到style的css样式,解析css
- 如果遇到script标签,开始解析JavaScript代码,解析完成后运行JavaScript代码
-
解析所有标签成功后,开始渲染网页内容到视口内,此过程结束后,用户将看到网页内容。
(6)网页报错
如果因为某些原因,JavaScript会报出错误提示。
1:语法错误。SyntaxError
如果在解析JavaScript代码的过程中,发现有语法错误,则解析失败,JavaScript不会进入运行阶段
2:引用错误(ReferenceError)和类型错误(TypeError)。
如果没有语法错误,解析成功,在执行的过程中如果发生了错误,则发生错误处后面的代码无法得到执行。
(7)调试
- 有时候程序报错,我们需要知道报错原因,报错信息不一定能知道错误在哪里。
- 这里需要了解程序运行过程中的每一步细节和状态。这是入门程序的必备技能。
- 浏览器按照Javascript代码逐行依次执行,因此我们可以以代码行为单位逐行逐步骤分析代码的运行和跳转过程。
调试方法:
- debugger调试。
- 利用浏览器的断点功能进行逐行断点调试。
(8)注释
- 单行注释
- 多行注释
//单行
/**
* 多行注释
* 多行注释
*/