JavaScript学习第1天：浏览器组成、JS的组成、变量、数据类型转化、运算符、while和do...while循环

一、浏览器的组成

浏览器分成两部分：渲染引擎和 JS 引擎
渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink
JS 引擎：也称为 JS 解释器。 用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome 浏览器的 V8
浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。 JavaScript 语言归为脚本语言。

二、JS的组成

JavaScript由ECMAScript（JavaScript语法）、DOM（页面文档对象模型）、BOM（浏览器对象模型）组成。

ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

三、变量

变量是程序在内存中申请的一块用来存放数据的空间。

1、同时声明多个变量

同时声明多个变量时，只需要写一个 var， 多个变量名之间使用英文逗号隔开。

var age = 10, name = 'zs', sex = 2;

2、声明变量特殊情况

情况	说明	结果
var age;console.log(age);	只声明不赋值	undefined
console.log(age);	不声明不赋值，直接使用	报错
age=10，console.log(age);	不声明只赋值	10

四、数据类型

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会
被自动确定。

1、数据类型

JS 把数据类型分为两类：
 简单数据类型 （Number,String,Boolean,Undefined,Null）
 复杂数据类型 （object)

2、 isNaN()方法

isNaN()方法用来判断一个变量是否为非数字的类型，返回 true 或者 false

3、字符串转义符

转义符	说明
\n	换行符
\	斜杠\
\’	‘ 单引号
"	"双引号
\t	tab缩进
\b	空格

4、字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

经常会将字符串和变量来拼接，变量是不能添加引号的，因为加引号的变量会变成字符串，如果变量两侧都有字符串拼接，口诀“引引加加 ”，删掉数字，变量写加中间

5、特殊拼接

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

console.log(true + 1); // 2
console.log(false + 1); // 1var variable;
console.log(variable); // undefined
console.log('你好' + variable); // 你好undefined
console.log(11 + variable); // NaN
console.log(true + variable); // NaNvar variable;
console.log(variable); // undefined
console.log('你好' + variable); // 你好undefined
console.log(11 + variable); // NaN
console.log(true + variable); // NaN

五、数据类型转换

可以使用 typeof 获取变量的数据类型

1、转化为字符串

方式	说明	举例
toString()	转换成字符串	var num=1; alert(num.toString())
String	转换成字符串	var num=1; alert(String(num))
加号拼接字符串	和字符串拼接的结果都是字符串	var num=1; alert(num+‘你好’)

2、转化为数字型

方式	说明	举例
parseInt(string)	转化为整数	parseInt(‘89’)
parseFloat(string)	转化为浮点数	parseFloat(‘89.98’)
Number()强制转化	转化为数字	Number(‘89’)
js隐式转换（- * /）	利用算术运算隐式转换为数值型	‘12’- 0

3、转化为布尔值

方式	说明	举例
(Boolean()	转化为布尔型	(Boolean(‘true’)

代表空、否定的值会被转换为 false ，如 ''、0、NaN、null、undefined ,其余值都会被转换为 true

六、运算符

不要直接判断两个浮点数是否相等

var result = 0.1 + 0.2; // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100); // 结果不是 7， 而是：7.000000000000001

1、递增和递减运算符

递增（++）和递减（ – ）分为前置递增（递减）运算符和后置递增（递减）运算符，递增和递减运算符必须和变量配合使用。

前置递增：先自加，后运算
后置递增：先原值运算，后自加

区别：单独使用时，运行结果相同， 与其他代码联用时，执行结果会不同, 开发时，大多使用后置递增/减，并且代码独占一行，例如：num++; 或者 num–;

var num = 10;
alert(++num + 10); // 21
alert(10 + num++); // 20var a = 10;
++a;      // ++a=11,a=11
var b = ++a + 2;     // ++a=12
console.log(b); // 结果：var c = 10;
c++;      // c++=11,c=11,
var d = c++ + 2;  // c++=11,c=12
console.log(d); // 结果：13var e = 10;
var f = e++ + ++e;  // e++=10,e=11,++e=12
console.log(f); // 结果：23

2、逻辑运算符

《1》布尔值参与的逻辑运算符
&&：两边都是 true才返回 true，否则返回 false，
||：两边都为 false 才返回 false，否则都为true

var num = 7;
var str = "我爱你~中国~";  //length = 7 
console.log(num > 5 && str.length >= num); // true
console.log(num < 5 || str.length >= num); // true

《2》短路运算（逻辑中断）
当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值
&&：如果第一个表达式的值为真，则返回表达式2； 如果第一个表达式的值为假，则返回表达式1
II： 如果第一个表达式的值为真，则返回表达式1；如果第一个表达式的值为假，则返回表达式2

七、流程控制

1、while循环

while 语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。

while (条件表达式) {// 循环体代码
}

使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环

2、do…while循环

do… while 语句先执行一次循环体，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。

do {// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

3、continue break关键字
continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。
break 关键字用于立即跳出整个循环（循环结束）。