网页：
- 网页 = HTML + CSS + JavaScript
- HTML：网页元素内容
- CSS：控制网页样式
- JavaScript：操作网页内容，实现功能或者效果
JavaScript认知：
- JavaScript ！= Java
- JavaScript是客户端(浏览器)脚本语言
- 包括：ECMAScript（JS的核心）,DOM（操控页面的内容和浏览器相关）,BOM（操作的不只是内容，也和浏览器相关）。
- JS：操作页面的元素。
JavaScript的引入方式
- 可以放在任何地方
<script src = "index.js></script>- 内置用法
<script >alert(1);</script>
标识符
- 所谓标识符是指变量，函数，属性的名字，或者函数的参数。标识符的书写有几个特征
- 区分大小写
- 第一个字符必须是字母，下划线（_）,或者是$符号
- 后面的可以是字母，数字，下划线，$符号
命名规约
- 使用具有实际意义的单词
- 变量使用驼峰规则，第一个单词字母小写，后面单词字母大写
- 变量使用名词，方法函数使用动词开头，常量全部用大写字母，函数创建对象首字母大写
弱类型
在一些编译语言（C,Java,C#）等变量的类型是固定的，在声明变量的时候就要标识其类型，在程序执行前编译阶段变量的类型就确定了，称之为强类型
int a = 2;
string a = "hello";
一些常见的解释类型语言（ PHP， JavaScript）等变量的类型是松散的，一个变量可以用来保存任何类型的数据，变量的类型不是由声明决定的（声明只是用了var运算符），而是在程序执行阶段由其值的类型决定，随着程序运行其值类型改变，变量类型也发生改变。
var message = 1;//mesage类型就是数字
message = "hello world"//message类型转变为字符串
语句
语句（statement）是为了完成某种任务而进行的操作，比如下面一行是赋值语句
var a = 1+2;
这条语句先用var运算符，声明了变量a，然后将1+2的运算结果赋值给变量a。
JavaScript中语句以;结束，一行可以包含多条语句，如果省略分号不会产生语法错误，解析器会自动判断语句结束
var sum = 1 + 2
var diff = 3 - 4;
变量提升
JavaScript引擎的工作方式是：先解析代码，获取所有被声明的变量，然后在一行一行地运行，这造成的结果就是所有的变量的声明语句都会被提升到代码的头部，这就叫做变量提升。
var a = 2;
实际上执行过程：解析器在未执行的时候先解析出变量声明，然后给其初始值undefined，然后才逐句执行程序
var a;
a = 2;
变量一定要先声明，才可以引用
var a = 100;
b = 10;
console.log(a)
console.log(c)//undefined
var c = 4;
var d = 200;
console.log(c)//c = 4
声明前置：他的解析执行过程
var a
var c
var d
a = 100
b = 10
console.log(a)//a = 100;
console.log(c)//c = undefined;
c = 4
d = 200
console.log(c)//c = 4
注释：
并不是所有的语句都会执行，我们可以通过注释功能让Js引擎忽略这部分语句，这个功能经常用来解释我们的部分语句，和读书做标注一样
- 单行注释，用
//起头 - 多行注释，放在
/**和**/之间
var a = 1;//这是单行注释
/**这是多行注释
不会被解析**/
关键字和保留字
-
关键字是JavaScript引擎会用到的一些字，我们标识符不能再使用，比如定义变量的关键字var
TIM图片20190115130404.png
TIM图片20190115130507.png
-
保留字:除了这些不能用作标识符的关键字，JS还规定了一些不能用作标识符的保留字，这些字符没有什么意义，但是将来互用的到
TIM图片20190115130646.png
基本调试技能
- alert：会在页面上弹出一个窗口，会中断整个页面的执行，必须点击确定后页面才可以继续执行。
- console.log()：可以将代码中的某些信息展示到控制台
var a = 1;
b = 2;
console.log(a)
TIM图片20190115141741.png
-
打断点：执行到打断点处，代码会停止执行
开发者工具-Sources-如下图分别在4和7处设置断点
TIM图片20190115142344.png
- 二分法：把代码平均分......
网友评论