初识JavaScript

一、JavaScript的组成及用途

1. 核心（ECMAScript）：描述了该语言的语法和基本对象。
2. 文档对象模型（DOM）：描述处理网页内容的方法和接口。
3. 浏览器对象模型（BOM）：描述与浏览器进行交互的方法和接口。

二、编写Js及如何运行Js

1. Html标签内部编写JavaScript代码–不推荐使用。
2. Html文件内部编写JavaScript代码。
3. 通过标签引入外部的.js文件

三、变量的数据类型

基本数据类型：number数字 、 string字符串、boolean布尔值、undefined未定义、null空对象。
引用数据类型：object
【使用typeof来查看对应的类型】

四、数据类型的转换

1、将其他数据类型转换为String
调用被转换类型的toString()方法
var str1 = number1.toString()
2、将其他数据类型转换为Number
（1）Number方法（直接转number类型）
（2）使用parseInt方法（转整型）
（3）使用parstFloat方法 （转小数）

var str2 = "1a123.12a"
console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析就会出现NaN
//从前到后拿出里面的数值 前面没有数值变成NaN
console.log(parseInt(str2));
console.log(parseFloat(str2));

//将boolean类转为number类型 （false 0 true 1）
console.log(Number(true)) //1
console.log(Number(false)) //0

//将对应的undefined和null转为number
var un
console.log(Number(un)) //NaN
console.log(Number(null)) //0

3、将其他数据类型转换为Boolean
使用Boolean方法将其转为布尔类型

//将字符串转为对应的boolean类型
var str ="abc"
//转为boolean类型 非空就是true 空字符串表示false
var b = Boolean(str) //true
var b1 = Boolean('') //false

//将number转为布尔类型
var number1 = 10
//number转布尔 非0和非NaN则为true NaN和0就是false
console.log(Boolean(number1))//true
console.log(Boolean(0))//false
console.log(Boolean(NaN))//false

//将undefined和对应的null转为boolean（false）
console.log(Boolean(un)) //false
console.log(Boolean(null)) //false

4、isNaN 是NaN返回true不是返回false（not a number）

// isNaN  指 是NaN返回true不是返回false（not a number） 
var a = 10;
 console.log(isNaN(a)); //false

// 转换成number类型成功
var str = "123";
console.log(isNaN(Number(str))); //false

// 转换成number类型失败
var str = "abc";
console.log(isNaN(Number(str))); //ture

五、运算符和表达式

算术运算
+ - * / % ++ --
逻辑运算
&& 与（同true则为true） || 或 （有true就是true） ! 非（取反）
比较运算
> < >= <= == != ===(全等 俩个类型和对应的值一模一样 这个俩个是一个东西)
赋值运算
= += -= / = * = % =
位运算（转为二进制再进行位的变化运算）
>> 右移 << 左移 ~~ 去掉小数