web进阶之十八：JavaScript 基础语法
关于js的编写位置
我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。
我们的JS代码需要编写到<script>标签中。就像和css要写入style标签中一样样。
我们一般将script标签写到head中。（和style标签有点像）
属性：
- type：默认值text/javascript可以不写，不写也是这个值。
- src：当需要引入一个外部的js文件时，使用该属性指向文件的地址。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js基础语法</title>
<!-- 编写在head标签中 -->
<script>
alert('dfsa');
</script>
</head>
<body>
</body>
</html>
js注释
注释中的内容不会被解析器解析执行，但是会在 源码中显示，我们一般会使用注释对程序中的内 容进行解释。
JS中的注释和Java的的一致，分为两种：
- 单行注释：//注释内容
- 多行注释：/注释内容/
标识符
所谓标识符，就是指变量、函数、属性的名字，或函数的参数。
标识符可以是按照下列格式规则组合起来的一或多个字符：
第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。
其他字符可以是字母、下划线、美元符号或数字。
按照惯例，ECMAScript 标识符采用驼峰命名法。
但是要注意的是JavaScript中的标识符不能是关键字和保留字 符。
保留字符.JPG
关键字.JPG
其他不建议使用的标识符.JPG
数据类型
数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。
对于不同的数据类型我们在进行操作时会有很大的不同。
JavaScript中一共有5种基本数据类型：
- 字符串型（String）
- 数值型（Number）
- 布尔型（Boolean）
- null型（Null）
- undefined型（Undefined）
这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数
据类型。
typeof运算符
使用typeof操作符可以用来检查一个变量的数据类型。
使用方式：typeof 数据，例如 typeof 123。
返回结果：
- typeof 数 值 number
- typeof 字符串 string
- typeof 布尔型 boolean
- typeof undefined undefined
- typeof null object
/**比如要在控制台打印b的字符类型/
console.log(typeof b)
String
String用于表示一个字符序列，即字符串。
字符串需要使用 ’或 ”括起来。
转义字符：
转义字符.JPG
- 将其他数值转换为字符串有三种方式：toString()、String()、 拼串。
Number
- Number 类型用来表示整数和浮点数，最常用的功能就是用来表示10进制的整数和浮点数。
- Number表示的数字大小是有限的，范围是：
– ± 1.7976931348623157e+308
– 如果超过了这个范围，则会返回± Infinity。 - NaN，即非数值（Not a Number）是一个特殊的数值，JS中当对数值进行计算时没有结果返回，则返回NaN。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js</title>
<!-- 编写在head标签中 -->
<script>
a = Number.MIN_VALUE;// 5e-324
b = Number.MAX_VALUE
console.log(a);// 打印最大和最小值
</script>
</head>
<body>
</body>
</html>
数值的转换:
- 有三个函数可以把非数值转换为数值：Number()、parseInt() 和parseFloat()。
- Number()可以用来转换任意类型的数据，而后两者只能用于 转换字符串。
- parseInt()只会将字符串转换为整数，而parseFloat()可以转换为浮点数。
Boolean(布尔型)
- 布尔型也被称为逻辑值类型或者真假值类型。
- 布尔型只能够取真（true）和假（false）两种数值。除此以外， 其他的值都不被支持。
-
其他的数据类型也可以通过Boolean()函数转换为布尔类型。
转换规则：
转换规则.JPG
Undefined
- Undefined 类型只有一个值，即特殊的 undefined 。
- 在使用 var 声明变量但未对其加以初始化时，这个变量的值就 是 -undefined。例如：
- var message;
- message 的值就是 undefined。
- 需要注意的是typeof对没有初始化和没有声明的变量都会返回
undefined。
Null
- Null 类型是第二个只有一个值的数据类型，这个特殊的值是
null 。 - 从语义上看null表示的是一个空的对象。所以使用typeof检查
null会返回一个Object。 - undefined值实际上是由null值衍生出来的，所以如果比较
undefined和null是否相等，会返回true；
运算符
JS中为我们定义了一套对数据进行运算的运算符。
其中包括：算数运算符、位运算符、关系运算符等。
算数运算符
算数运算符顾名思义就是进行算数操作的运算符。
JS中为我们提供了多种算数运算符。
算数运算符：
算数运算符.JPG
自增和自减
自增 ++ 自减 --
自增和自减分为前置运算和后置元素。
所谓的前置元素就是将元素符放到变量的前边，而后置将元素符放到变 量的后边。
例子：
- 前置自增：++a
- 后置自减：a—
运算符在前置时，表达式值等于变量原值。
运算符在后置是，表达式值等于变量变更以后的值。
这个比较重要滴
逻辑操作符
一般情况下使用逻辑运算符会返回一个布尔值。
逻辑运算符主要有：非、与、或。
在进行逻辑操作时如果操作数不是布尔类型则会将其转换 布尔类型在进行计算。
非使用符号 ! 表示，与使用 && 表示，或使用 || 表示
逻辑运算符.JPG
非
非运算符使用 ! 表示。
非运算符可以应用于任意值，无论值是什么类型，这个运算符都会返回一个布尔值。
非运算符会对原值取反，比如原值是true使用非运算符会返回false。
与
与运算符使用 && 表示。
与运算符可以应用于任何数据类型，且不一定返回布尔值。
对于非布尔值运算，会先将非布尔值转换为布尔值。
对布尔值做运算时，如果两个值都为true则返回true， 否则返回false。
非布尔值时：如果两个都为true，则返回第二个值，如果两个值中有false则返回靠前的false的值。
或
或运算符使用 || 表示。
或运算符可以应用于任何数据类型，且不一定返回布尔值。
对于非布尔值运算，会先将非布尔值转换为布尔值。
对布尔值进行运算时，如果两个值都为false则返回false， 否则返回true。
非布尔值时：如果两个都为false ，则返回第二个值，否则返回靠前true的值。
赋值运算符
简单的赋值操作符由等于号 （ = ） 表示， 其作用就是把右侧的值赋给左侧的变量。
如果在等于号左边添加加减乘除等运算符， 就可以完成复合赋值操作。
• +=、*=、-=、/=、%=
比如：a+=10和a=a+10是一样的。
关系运算符
小于（<） 、大于（>） 、小于等于（<=）和大于等于（>=） 这几个关系运算符用于对两个值进行比较，比较的规则与我们 在数学课上所学的一样。
这几个运算符都返回一个布尔值。用来表示两个值之间的关系 是否成立。
5 > 10 false
– 5 <= 10 true
相等
JS中使用==来判断两个值是否相等，如果相等则返回
true。
使用!=来表示两个值是否不相等，如果不等则返回true。
注意：null和undefined使用==判断时是相等的。
因为其实undefined是null衍生来的，所以相等。相等.JPG
全等
除了==以外，JS中还提供了===。
- ===表示全等，他和==基本一致，不过==在判断两个值 时会进行自动的类型转换，而===不会。
也就是说”55”==55会返回true，而”55”===55会返回 false；
同样我们还有!==表示不全等，同样比较时不会自动转型。
也就是说”55”!=55会返回false，而”55”!==55会返回 true；
逗号
使用逗号可以在一条语句中执行多次操作。
比如：var num1=1, num2=2, num3=3;
使用逗号运算符分隔的语句会从左到右顺 序依次执行。
条件运算符
条件运算符也称为三元运算符。通常运算符写为?:。
这个运算符需要三个操作数，第一个操作数在?之前， 第二个操作数在?和:之间，第三个操作数在:之后。
例如：x > 0 ? x : -x // 求x的绝对值
上边的例子，首先会执行x>0，如果返回true则执行冒号左边的代码，并将结果返回，这里就是返回x本身，如果返回false则执行冒号右边的代码，并将结果返回。
运算符的优先级
- .、[]、 new
- ()
- ++、 --
- !、~、+(单目)、-(单目)、typeof、void、delete
- %、*、/
- +(双目)、-(双目)
- << 、 >>、 >>>
- <、<=、>、>=
- ==、!==、===
- &
- ^
- |
- &&
- ||
- ?:
- =、+=、-=、*=、/=、%=、<<=、>>=、>>>=、&=、^=、|=
- ，
知识点太多，多多背诵呀。。。
