一、Js介绍
1.Js是什么: Js是一种运行在客户端的脚本语言,用来给HTML网页增加动态功能。
2.Js的组成: JavaScript 是由 ECMAScript,DOM 和 BOM 组成的。
(1). ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型。
(2). DOM:全称(Document Object Model),是文档对象模型。
(3). BOM: 全称(Browser Object Model),是浏览器对象模型。
3.Js的三种书写方式:行内式、内嵌式、外链式。
二、Js 定义变量
1.什么是变量: 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据;变量其实就相当于一个容器,内部可以存储任意类型的数据,使用变量时,用的是内部存储的数据。
2.为什么要定义变量 使用变量可以方便的获取或者修改内存中的数据
3如何定义变量名:
使用一个 var 的关键字进行定义,后面必须加一个空格,空格后面自定义变量名
例:var a、var b、var c。
4.变量赋值
(1).变量定义之后,初始时没有进行赋值,内部有一个默认存储的值叫 undefined(未定义) 表示内部未赋值,但可以存储数据了
(2).变量赋值的方式:通过等号 = 赋值,等号右边的值赋值给左边的变量 (等号在 JS 中叫做 赋值号;书写时,等号 = 两侧习惯书写一个空格)
5.使用变量:
直接写变量名就可使用变量;变量在使用前,必须先有定义,如果没有定义,会出现引用错误
6.变量名命名规则(必须遵守,不然会报错)
(1).由数字、字母、下划线、$符号组成,不能用数字开头;
(2).字母区分大小写;
(3).不能是保留字和关键字(ps:关键字是js中有特殊能力的词语,如var、for等;保留字是指现在无特殊功能,但是将来新语法中可能作为关键字使用)
7.变量命名规范(建议遵守,不遵守不会报错):
(1).变量名需有意义 (2).变量名尽量使用驼峰命名法
三.数据类型 1.数据类型分类(以基本数据类型为主)
(1). Number 数字类型: 不区分整数、浮点数、特殊值,都是 Number 类型
(2).String 字符串类型: 所有的字符串都是 String 类型
(3).undefined类型:undefined本身就是一个数据,表示未定义,变量只声明不赋值的时候,值默认是 undefined
(4).Boolean 布尔类型:Boolean 字面量:只有 true 和 false 两个字面量的值,必须是小写字母(ps:计算机内部存储:true 为 1,false 为 0)
(5).null类型:
- null 本身就是一个数据
- 从逻辑角度,null 值表示一个空对象指针
- 如果定义的变量准备在将来用于保存对象,最好该变量初始化为 null
四.数据类型检测
1.为什么要有有数据类型检测
- JS语言是一门动态类型的语言,变量并没有一个单独的数据类型,而是会随着内部存储数据的变化,数据类型也会发生变化
- 变量的数据类型,与内部存储数据有关
- 将来使用变量时,需要知道内部存储的数据是什么类型,避免程序出错
2.使用 typeof 的方法进行数据检测: 检测方式
在 typeof 后面加小括号执行,将要检测的数据放在小括号内部
五.数据类型转换(转数值 / 转字符串 / 转布尔)
1.转数值
Number(数据)方法
- 转型函数Number()可以用于任何数据类型,将其他数据类型转为数字
- 字符串:纯数字字符串转为对应数字,空字符串和空白字符串转为0,非空非纯数字字符串转为NaN
- 布尔值:true转为1,false转为0
- undefined:转为NaN
- null:转为0
parseInt()方法:字符串转整数方法
- 对浮点数进行取整操作: 对数字取整直接舍弃小数部分,只保留整数。
- 将字符串转为整数数字:将字符串转为整数数字,也包含取整功能。
- 字符串中,必须是纯数字字符串或者数字字符开头的字符串,才能转换为正常数字,且只取整数部分。
- 如果不是数字打头的字符串,会转换为NaN。
parseFloat()方法:字符串转浮点数方法
- 将字符串转为浮点数数字
- 满足浮点数数字字符必须在字符串开始,如果不在开始返回值都是NaN
2.转字符串
-
变量.toString()方法 -
String(变量)方法,有些值没有toString(),这个时候可以使用String()。比如undefined和null -
+ 号拼接字符串方式
num + “” ,当 + 两边一个操作符是字符串类型,一个操作符是其他类型的时候,会先把其他类型转换成字符串在进行字符串拼接,返回字符串
3.转布尔 1.Boolean(变量)方法
-
转型函数Boolean()可以用于任何数据类型,将其他数据类型转为布尔类型的值
-
转为false:NaN、0、“”空字符串、null、undefined
-
转为true:非0 非NaN数字、非空字符串