浏览器
浏览器分成两部分
渲染引擎和JS引擎
渲染引擎:用俩解析HTML与css,俗称内核,比如Chrome浏览器的blink,老版本的webkit
JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如Chrome浏览器的v8
JS的组成
ECMAscript,DOM,BOM。
ECMAScript:规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵循的一套JS语法工业标准。
DOM:文档对象模型
BOM:浏览器对象模型
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
变量
所有用户自己定义的就是标识符
变量名也是标识符
命名规则:
1,只能由数字,字母,下划线和美元符号组成
2,不能以数字开头
3,不能用保留字和关键字
4,大小写敏感
5,要见名知意
6,驼峰命名法,或下划线
小结
为什么需要变量?
因为我们一些数据需要保存,所以需要变量变量是什么?
变量就是一个容量,用来存放数据的,方便我们以后使用里面的数据变量的本质是什么?
变量是内存里面的一块空间,用来存储数据。变量怎么使用的?
我们使用变量的时候,一定要声明变量,然后赋值,声明变量本质是去内存申请空间。什么是变量的初始化?
声明变量并赋值我们称之为变量的初始化
数据类型
数据类型
基本数据类型:
number,string,Boolean,undefined,null
数字
类型 number
例子:100 -2 3.14
1,八进制 我们程序里面数字前面加0,表示八进制
2,十六进制,数字的前面加0x,表示十六进制
数字型三个特殊值
Infinity:代表无穷大,大于任何数值
-Infinity:代表无穷小,小于任何数值
NaN:代表一个非数值。
isNaN()判断是否是非数字
布尔值
类型 Boolean
例子:false true
布尔值和数字型相加的时候,true的值为1,false的值为0
字符串
类型 所有带单引号或者双引号的都叫做字符串
例子 “hello”, ‘你好’
尽量使用单引号
字符串转义符
转义符都是\开头,常用转义符如下:
转义符 | 解释说明 |
---|---|
\n | 换行转移符,n是newline的意思 |
\ | 斜杠\ |
\’ | '单引号 |
\t | tab缩进 |
\b | 空格,b是blank的意思 |
prompt取过来的值是字符型的
字符串拼接口诀:数值相加,字符相连
undefined
未定义
undefined和数字相加,最后的结果是NaN 数据类型:undefined
null
空值 数据类型:object
typeof
检测数据类型
数据类型的转换
转换为字符串
方式 | 说明 | 举例 |
---|---|---|
toString() | 转成字符串 | num;alert(num.toString()); |
String()强制转换 | 转成字符串 | num;alert(String(num)); |
加号拼接字符串 | 和字符串拼接的结果都是字符串 | num;alert(num+“我是字符串”); |
转换为数字型(重点)
方式 | 说明 | 案例 |
---|---|---|
parseInt(string)函数 | 将string类型转成整数数值型 | parseInt(‘78’) |
parseFloat(string)函数 | 将string类型转换成浮点数数值型 | parseFloat(‘78.21’) |
Number()强制转换函数 | 将string类型转换为数值型 | Number(‘12’) |
js隐式转换(- * /) | 利用算术运算隐式转换为数值型 | ‘12’-0 |
parseInt也可以进行进制转换,例如:
parseInt(110100,2); /识别为二进制转成十进制,52
转换为布尔型
方式 | 说明 | 案例 |
---|---|---|
Boolean()函数 | 其他类型转成布尔值 | Boolean(‘true’); |
代表空,否定的值会被转换为false,如‘’,0,NaNnull,undefined