JavaScript基础使用

注意：本文只是入门使用，仅作参考，读者若想进一步提升自己请借助相关网站中的具体说明来详细了解JS的内容

Javascript组成

分层	作用
HTML（结构层）	利用语义化标签搭建网页
CSS（样式层）	利用样式进行美化
Javascript（行为层）	可以给网页添加动态效果

JavaScript由ECMAScript、DOM、BOM组成

ECMAScript：欧洲计算机协会，每年六月中旬定制语法规范

DOM(Document Object Model)：文档对象模型

BOM(Browser Object Model)：浏览器对象模型

Javascript书写规范

需要使用script标签包裹，可以放在任何地方，可以有任意多

内置函数

alert函数

alert(""/’’)：警告弹窗函数；可多次使用，会依次弹出

prompt函数

prompt(""/’’)：提示弹窗函数；；可多次使用，会依次弹出

控制台使用

在JavaScript中，我们可以通过console对象的log方法在控制台中输出一定内容

console.log(参数)

字面量

Javascript数据类型一共六种，五个基本数据类型和一个引用类型

基本数据类型：String（字符串类型）, Number（数字类型）, Boolean（布尔类型）, Undefined（未定义类型）, Null（空对象类型）

Number：在控制台中以蓝色显示，包括整数、浮点数；浮点数计算保留17位，以二进制计算（IEEE浮点数算数标准）。数值范围为-2^53~253，超过可以用Infinity（或-Infinity）。0/0会返回一个特殊值NaN，12/0会返回Infinity.NaN勿论什么运算都返回NaN。

String：在控制台中以黑色显示

引用类型：Object（引用类型），包括函数、数据、正则、DOM、BOM

浏览器隐式转换（Number(转换内容)）

布尔类型	隐式转换为数字
True	1
False	0

未定义类型	隐式转换为数字
undefined	NaN（NaN和数字比较结果永远是False）

空对象类型	隐式转换为数字
null	0

数字类型数值	隐式转换为布尔值
0、NaN	False
其余数字	True

String格式	隐式转换为数字
“”	0
“字符”或“字符+数字”或“数字+字符”	NaN
纯数字（包括数值运算）	数值

String类型	隐式转换为布尔值
空字符串	False
非空字符串	True

所以有(NaN&&Infinity=NaN), (null&&undefined=null), (“张三”&&“李四”=“李四”)

未定义类型	隐式转换为布尔值
undefined	False

空对象类型	隐式转换为布尔值
null	False

typeof

typeof +变量用于数据类型判断

+的应用

当没有字符串的时候，+为数学加法运算

当有字符串的时候，+为连字符

parseInt函数

可以将字符串中数字形式字符串转换为数字（整数部分），从左到右依次检测数字，碰到第一个非数字或者小数点为止

多段数字中间穿插非数字字符自会返回第一段数字

如果第一个段字符不是数字，则会返回NaN

parseFloat函数

可以将字符串中的数字形式字符串转换为数字（包括小数部分）

数学对象(Math)

从Math库中调特定数值和函数

变量

变量声明和赋值可以放一起也可分开。也可以多个同时声明或者声明&赋值

各大浏览器厂商都有自己的解析器，在翻译代码的时候会将变量声明部分提升到作用域最前面

比较运算

特别注意

符号	意义
===	全等
！==	不全等

符号类型	意义
单个等号	赋值运算
两个等号	相等判断
三个等号	全等判断（数值类型和大小都一样）

IIFE

在表达式形式函数声明的同时立刻执行一次

写法是函数最后坠一个小括号

正确写法

var fun = function(){
   
    console.log('表达式')
}()

错误写法

function sum(){
   
    console.log('表达式')
}(