JS介绍及基础语法

 

JS作用：主要用来向HTML网页添加各式各样的动态功能

BOM---浏览器对象模型

DOM---文档对象模型

 

书写位置：

1.行内

2.内部script

3.外部script src

 

★输出方式：

console.log（控制台输出）（用于调试代码）

document.write（浏览器输出）（用于页面输出）

alert（弹框输出）（提示）

 

★注释：

1.//单行注释

2./*多行注释*/

 

注释作用：

1.解释代码

2.终止代码执行，便于代码调试

 

 

★变量名命名规范：

数字字母下划线，数字不能做开头，变量要有意义，使用驼峰命名法，区分大小写

 

var声明变量（多个变量之间用逗号隔开）

 

typeof：获取检测数据类型（方法）

 

 

★数据类型：

1.Number数字型

整形、浮点型（最高精度为17位小数）

2.String字符串型

①.放在引号里，单引号解析速度更快

②.特殊符号用转义符\

③.字符串拼接用拼接符“+”

④.获取字符串长度用".length"属性

3.Boolean布尔型

true真 false假

4.Undefined型 未定义

5.Null型

 

★转换数据类型：

1.转换成字符串型：

①.toString();

②.String;

String()函数存在的意义：有些值没有toString()

2.转换成数值类型：

①.Number()

②.isNAN(n):检测n是否是“非数值” 返回值：boolean

是数字则返回false,否则为true

③.parseInt：转换为整数（从不能转化的值开始到最后都舍弃）

④.parseFloat：转换为小数

3.转换为字符串类型：

String()

4.转换为布尔类型：

Boolean()

0、‘ ‘(空字符串) 、null、 undefined 、NaN(Not A Number) 会转换成false 其它都会转换成true

 

运算符：

算数运算符：+、-、*、/、%

一元运算符：++、--

 

★★逻辑运算符：

!非

&& 与：左边为真则取右边（，左边为假则取左边）

判断真假：“同真则真，有假则假”

判断数值：“假前真后”

||或：左边为真则取左边（，左边为假则边右边）

判断真假：“有真则真，同假则假”

判断数值：“真前假后”

 

关系运算符：>、<、>=、<=、!=、==(数值)、===(数据类型和数值)

赋值运算符：=、+=、-=、*=、/=、%=

三元运算符：条件 ? 执行代码1:执行代码2;

如果条件成立，执行代码1，否则执行代码2

 

运算符优先级：

（）>一元>算数>关系>相等>逻辑(&&>||)>赋值