5-1、JavaScript语法

5-1、JavaScript语法

完整的JavaScript是由ECMAScript（语法）、Browser Objects（DOM、BOM）（特性）组成的。

• ECMAScript（语法） 提供核心语言功能，相当于语法
• DOM 一共访问和操作网页内容的 方法和接口
• BOM 提供与浏览器交互的方法和接口

引入js：

<script>	</script>

<script src=""></script>

注释：

//	     单行
/*   */  多行

一切（变量、函数名和操作符）都区分大小写。

标识符：变量、函数、属性的名字，或者函数的参数。
命名规则：

1. 由字母、数字、下划线（_）或美元符号（$）组成
2. 不能以数字开头
3. 不能使用关键字、保留字等作为标识符，比如：if else 等。

ECMAScript的变量是松散类型松散类型：
可以用来保存任何类型的数据，变量类型是由值决定的
换句话说，每个变量仅仅是一个用于保存值的占位符而已。

---

变量的声明和负值：

变量的声明要使用var操作符
语法：var变量名

可以先声明后赋值，也可以在声明的同时进行赋值。
可以同时声明多个变量，每个变量之间用逗号（,）隔开。

省略var的时候也是可以定义变量的。
但是省略var生命的变量是全局变量。
不推荐省略var操作符来定义全局变量。

数据类型：

简单数据类型（基本数据类型）：

• undefined
• null
• boolean
• number
• string
  复杂数据类型：
• object

typeof：检测变量类型
语法：typeof 变量 typeof (变量)

返回值：返回的是字符串（string），可能是string、number、boolean、object undefined、function

 console.log(); //在控制台中打印
 
 var name_1=123;
 console.log(name_1); //在控制台中打印变量值

console.log(typeof name_1);//在控制台中打印数据类型
console.log(typeof (name_1));

undefined:没有定义
defined 定义

null值表示一个空指针对象
如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化微null而不是其他值。

注意，undefined值是派生自null值的，所以undefined==null的返回结果是true（正确）。

number：表示整数和浮点数。
NaN：即非数值（Not a Number）是一个特殊的数值。
比如，console.log(name_1 - "abc")，那么返回的结果都是NaN，还有就是关于任何NaN的操作（加减乘除）返回的值都是NaN。
NaN和任何内容都不相等，包括它本身，所以在进行判断是否是NaN的时候也不会成立：

var str="abc123";
var num=parseInt(str);  //返回NaN
if(num==NaN)  //这里注意，虽然num返回是NaN吗，但其不相等！！！结果是false

isNaN：检测n是否是“非数字”
语法：isNaN(n)
console.log(isNaN(n));
返回值：boolean ，false 和 true。
所有加了 " " 的变量都是字符串，比如 a2=“12” ，但是使用isNaN(a2);返回的值依然是false。
因为isNaN()对接收的数值，线城市转换为数值，再检测是否为非数值。

数值的转换：

有三个函数可以把非数值转换为数值（注意大小写）：
Number()、parseInt()、parseFloat()

• Number()可以用于任何数据类型。
• parseInt()、parseFloat()则专门用于吧字符串转换成数值。
  注意这里，使用Number()强制转换string的时候，输出其值，会返回NaN。
  例：

var topval=parseInt("28px");
console.log(topval);  //这里输出的就是28
console.log(topval-10);  //进行改变像素值，px使用后期讲到

var c1="abc123";
console.log(parseInt(c1));   //这个情况是不能够识别到的，parseInt必须是别的是以数字开头的

parseInt()会忽略字符串前面的空格，直至找到第一个非空格字符。
能够识别的，必须是以数字开头的。否则返回NaN。
转换空字符串返回NaN。
parselnt()这个函数提供第二个参数：转换时使用的基数（即多少进制）。

console.log(parseInt("0xf),16);   //这个是16进制的15，返回结果15，不是把0提取出来剩下的不要

parseFloat()：
从第一个字符开始解析每个字符，直至遇见一个无效的浮点数字符为止。
说明：
除了第一个小数点有效外，parseFloat()与parselnt()的第二个区别在于它始终都会忽略前导的零。
注：如果字符串中包含有效的十六进制格式，parselnt（“0xf）将‘0x’转换为相同大小的十进制数值而parseFloat（0xf）只会输出0。

这里不推荐大家使用Number，尽量地使用parseInt和parseFloat。
parseInt转换0.123时，返回0。

---

字符串：

String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号（ " ）或单引号（ ’ ）表示。
字符串必须用引号引住。

转换成字符串：
语法：str.toString()
功能：将str转换为字符串
返回值：str的一个副本
参数：str是要转换的内容，可以是数值、布尔值、对象和字符串。
说明：在不知道要转换的值是不是null和undefined的情况下，还可以使用String()函数，它能够将任何类型的值转换为字符串。

Boolean：
用于表示真假的类型，即true表示真，false表示假。
var c1=false , c2=true;
这里两个值就是布尔类型。（没有加引号）

布尔类型也有转换方法（这一节很重要，后续判断使用）：

• 除0以外的所有数字，转换为布尔型都为true。
• 除 " "（空的，注意不是空格）以外的所有字符，转换为布尔型都为true。
• null和undefined转换为布尔型false。

强制转化为布尔:
var x_1=1;
console.log(Boolean(x_1));   //true

---

操作符

1、算数操作符：

表达式：将同类型的数据（如常量、变量、函数等），用运算符号按照一定的规律连接起来的、有意义的式子称为表达式。

• 算数操作符
• 逻辑操作符
• 赋值操作符
• 比较操作符
• 三元操作符

算数操作符： + - * / %求余

1. 递增
   ++a与a++都是对a进行递增的操作区别：
   ++a先返回递增之后的a的值
   a++先返回a的原值，再返回递增之后的值
2. 递减同理

 ★这里注意，自增自减会给本身赋值，哪怕是在运算中。
var name1=1;
++name1;
console.log(name1);   //2

var name1=7;
var name2=3;
var name3=name1++-name2;
console.log(name1);   //8
console.log(name3);   //4

在运算的时候一个非Number的时候，比如10*c，输出值NaN。

---

2、赋值操作符

简单赋值： =
复合赋值：+=、-=、*=、/=、%=

a+=5;
a=a+5;

b/=5;
b=b/5;

var c1="hello ";
c1+="word";
console.log(c1); //hello word
注意，在这里 + 起的是连接作用，有任何一个值是strin给，
那么 + 就是起连接作用。

3、比较操作符

> 、 < 、 > = 、 <= 、 == 、 === 、 != 、 !==
==：相等，只比较值是否相等
===：全等，比较值的同时比较数据类型是否相等
!=：不相等，比较值是否不相等
!==：不全等，比较值的同时比较数据类型是否不相等
返回值：boolean型

var a=10;
var b="10";
c=a==b;
d=a===b;
console.log(c);  //true
console.log(d);  //false

console.log(null==undefined);  //true
console.log(null===undefined);  //false

4、三元操作符

语法：

条件？执行代码1：执行代码2

说明：
可代替简单的if语句，如果条件成立，执行代码1，否则执行代码2。

var soce=85;
var result= (soce>=60)?"及格":"不及格";
console.log(result);

5、逻辑操作符

与：&& （并且）
或：|| （或者）
非：!

&&与（只要有一个条件不成立，返回false）

在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则：

• 如果第一个操作数隐式类型转换后为true，则返回第二个操作数，多个返回最后一个。
• 如果第一个操作数隐式类型转换后为false，则返回第一个操作数。
  说明：规则是两个操作数的情况。
• 如果有一个操作数是null，则返回null
• 如果有一个操作数是NaN，则返回NaN
• 如果有一个操作数是undefined，则返回undefined
  说明：当前面的操作数隐式类型转换后为ture的情况时

|| 或（只要有一个条件成立，返回true）

在有一个操作数不是布尔值的情况，逻辑或操作就不一定返回布尔值，此时它遵循下列规则：

• 如果第一个操作数隐式类型转换后为true，则返回第一个操作数。
• 如果第一个操作数隐式类型转换后为false，则返回第二个操作数。
  说明：规则是两个操作数的情况。
• 如果两个操作数是null，则返回null
• 如果两个操作数是NaN，则返回NaN
• 如果两个操作数是undefined，则返回undefined

非 !

无论操作数是什么数据类型，逻辑非都会返回一个布尔值

！！同时使用两个逻辑非操作符时：

• 第一个逻辑非操作会基于无论什么操作数返回一个布尔值
• 第二个逻辑非则对该布尔值求反

console.log(!!"");  //先是!"" ,为true，然后!true，求反是为false
console.log(!!"blue");    //先是!"" ,为false，然后!false，求反是为true