JS是什么
JS是一种运行在客户端的脚本语言 最早是在HTML(标准通用标记语言下的一个应用)网页上使用 用来给HTML网页增加动态功能 浏览器就是一种运行JS脚本语言的客户端 JS的解释器被称为JS引擎 为浏览器的一部分
JS的组成
JS的组成 可分为三个组成 分别是 ES DOM BOM
ES(EMSAScript)
定义了JavaScript的语法规范,描述了语言的基本语法和数据类型
DOM(文档对象模型)
通过DOM可以操作页面中的元素,比如增加一个div,减少个div,给div换个位置等
BOM(浏览器对象模型)
通过BOM可以操作浏览器。比如:弹出框、浏览器跳转、获取分辨率等
JS的书写方式
1.行内式(在标签内书写)
```js
<input type="button" value="按钮" onclick="alert('hello world')" />
```
2.内嵌式(在HTML里在script标签里书写)
<body>
<script>
alert('hello world')
</script>
</body>
3.外链式(用script标签引用外部JS文件)
```js
<script src="main.js"></script>
```
JS的数据类型
数据类型分类——分为基本数据类型和引用数据类型(以基本的数据类型为主)
Number(数字类型)
不区分整数、浮点数、特殊值、都是Number类型
String(字符串类型)
所有的字符串都是String类型 单引号表示 ''
undefined(undefined类型)
undefined本身就是一个数据 表示未定义 变量只声明不赋值的时 值默认是undefined
Boolean(布尔类型)
小写字母 true和false 代表1和0 非0即为真
Null(空)
null本身就是个数据 表示为空 如果定义的变量准备用来保存对象 最好在初始化时为Null
object(对象类型)
JS数据类型的检测
为什么要有数据类型检测?
变量的数据类型会随着内部存储数据的变化而变化 变量的数据类型与内部存储数据有关 在使用变量时 需要知道内部存储的数据是什么类型 避免程序出错
检测方法
使用typeof(变量名)的方法进行数据检测
var a = 1
console.log(typeof ("a")) //number类型
数据类型的转换
1.Number(数据)
转型函数Number()可以用于任何数据类型 将其他数据类型转为数字
字符串:纯数字字符串转为对应数字
空字符串和空白字符串转为0
非空非纯数字字符串转为NaN
布尔值:true转为1 false转为0
undefined:转为NaN
null:转为0
2.parseInt()
字符串转整数方法
对浮点数(小数)进行取整操作:直接舍弃小数点之后的部分 保留整数部分
将字符串转为整数数字
也包含取整功能(字符串中 必须是纯数字字符串或者数字字符开头的字符串 才能转换为正常数字 且只取整数部分 如果不是数字打头的字符串 会转换为NaN)
3.parseFloat()
字符串转浮点数方法,将字符串转为浮点数数字
满足浮点数数字字符必须在字符串开始 如果不在开始返回值都是NaN
4.变量.toString( )
转字符串方法
1. 变量.toString()方法 例:a.toString()
2. String(变量)方法
有些值没有toString(),这个时候可以使用String() 比如:undefined和null
+号拼接字符串方式
变量 + “” ,当 + 两边一个操作符是字符串类型,一个操作符是其他类型的时候,会先把其他类型转换成字符串再进行字符串拼接,返回字符串
5.Boolean(变量)
转布尔型方法
转型函数Boolean()可以用于任何数据类型,将其他数据类型转为布尔类型的值
转为false:NaN 0 “” 空字符串 null undefined
转为true:非0 非NaN数字 非空字符串