课堂笔记4

JavaScript和HTML、CSS的区别

1.html：提供网页结构。提供网页的内容

2.css：美化界面

3.js： 控制网页内容，给网页增加动态效果

JavaScript的组成

1.ECMAscript

2.DOM

3.BOM

如何使用变量

• var声明变量

var age;

• 变量的赋值

var age;
age = 18;

• 同时声明多个变量

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

• 同时声明多个变量并赋值

var age = 10, name = 'zs';

变量在内存中的存储

var age = 18;

变量的命名规则和规范

• 规则-必须遵守的，不遵守会报错
  • 由字母，数字，下划线，$符号组成，不能以数字开头
  • 不能是关键字 和保留字
  • 区分大小写
• 规范：不遵守不报错
  • 变量名一定要有意义
  • 驼峰命名法，userName，首字母小写，后面单词的首字母大写

  • 数据类型

简单数据类型

Number、String、Boolean、Undefined、Null

Number类

• 数值字面量：数值的固定值的表示法

  110 1024 60.5

• 进制

  十进制默认
  十六进制
  	var num = 0xA;
  八进制
  	07 
  	012
  	2*1 + 1*8
  	112
  	2*1 + 1*10 + 1*10*10
  注意，字面值超过范围，前导值会被忽略，后面的值会当作十进制解析
  

• 浮点数

  • 浮点数的精度问题

    最高精度时17位小数
    不要判断两个浮点数是否相等
    

• 数值范围

最小值：Number.MIN_VALUE，这个值为： 5e-324
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
无穷大：Infinity
无穷小：-Infinity

• 数值判断

  NaN not a number ,不是数字的number型

  ​ NaN与任何都不相等

String类型

‘abc’ “abc”

• 字符串字面量

  ‘今天天气真好’

• 转义符

• 字符串长度

  length属性用来获取字符串的长度

• 字符串拼接

  字符串拼接使用 + 连接

  1.两边只要有一个=是字符串，+就实现拼接功能

  2.都是数字，就是算数功能

Boolean类型

• Boolean字面量： true和false，区分大小写
• 计算机内部存储：true为1，false为0

Undefined和Null

1. undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined
2. null表示一个空，变量的值如果想为null，必须手动设置

3. 一元运算符

一元运算符：只有一个操作数的运算符

• 前置++

  var num1 = 5;
  ++ num1; 
  
  var num2 = 6;
  console.log(num1 + ++ num2);
  

• 后置++

  var num1 = 5;
  num1 ++;    
  var num2 = 6 
  console.log(num1 + num2 ++);
  

• 猜猜看

  var a = 1; var b = ++a + ++a; console.log(b);    
  	b = 2 + 3= 5
  var a = 1; var b = a++ + ++a; console.log(b);   
  	b = 1 + 3 = 4
  var a = 1; var b = a++ + a++; console.log(b);
    b = 1 + 2 =3
  var a = 1; var b = ++a + a++; console.log(b); 
      b = 2 +2 =4
  

  关系运算符(比较运算符)

<  >  >=  <= == != === !==

==与===的区别：==只进行值的比较，===类型和值同时相等，则相等

var result = '55' == 55;  	// true
var result = '55' === 55; 	// false 值相等，类型不相等
var result = 55 === 55; 	// true

赋值运算符

= += -= *= /= %=

例如：
var num = 0;
num += 5;	//相当于  num = num + 5;

运算符的优先级

优先级从高到低
	1.()
	2.一元运算符 ++ -- !
	3.算数运算符  先* /  %后 + -
	4.关系运算符 > < >=...
	5.相等运算符    ==  !== === !=
	6.逻辑运算符     先&&   再||
	7.赋值运算符

do…while语句

do…while循环和while循环非常像，二者经常可以相互替代，但是do…while的特点是不管条件成不成立，都会执行一次。

for语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

for循环语法：

// for循环的表达式之间用的是;号分隔的，千万不要写成,
for (初始化表达式1; 判断表达式2; 自增表达式3) {
  // 循环体4
}

continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）