简介
概念
- 一种运行在（客户端）浏览器的编程语言。
作用
-
网页特效
- 监听用户的一些行为让网页做出一定的反馈
-
表单验证
- 针对表单数据的合法性进行判断
-
数据交互
- 获取后台的数据，渲染到前端
-
服务端编程
- node.js
组成
-
ECMAscript(基础语法)
-
Web APIs
- DOM
- BOM
使用规范
js的引入方式
-
内部
-
写在内
-
注意
- 一般写在结束标签上一行
- 个人练习推荐使用这种方式
-
-
外部
-
script标签引入js文件
-
注意
- 开发中经常使用
- script标签中间不能书写代码，否则会被忽略！
-
-
内联
-
写在标签内
-
举例
- 点我发送验证码
-
-
注意
- js代码书写的位置尽量写到文档末尾 前面
js的注释方式
-
单行注释
-
//
-
快捷键
- ctrl + /
-
-
多行注释
-
/* */
-
快捷键
- shift + alt + a
-
js的结束符号
-
英文;
-
注意
-
英文分号;可以省略不写（推荐）
-
原因
- 回车（换行符）会被识别成结束符
-
-
为了风格统一，英文分号要么每句都写，要么每句都不写（具体要求可按团队要求来）
输入（部分）和输出语法
输入语法
-
-
prompt()
- 弹出式输入框
输出语法
-
document.write()
- 在HTML文档中输出
-
alert()
- 警示框 输出
-
console.log()
- 控制台输出
- 简写log
字面量
在计算机中描述 事/物
数字字面量
字符串字面量
数组字面量
变量
概念
- 计算机存储数据的“容器”
作用
- 用来存放数据
本质
- 程序在内存中申请的一块用来存放数据的小空间
用法
-
声明
- let 变量名
-
赋值
- 变量名 = 变量值
-
初始化
- 声明和赋值同时进行
- let 变量名 = 变量值
-
同时声明多个变量
- let 变量名1 = 变量值1，变量名2 = 变量值2 ...
- 用英文逗号,隔开
-
注意
- let 不允许多次声明一个变量
变量命名规则和规范
-
规则
- 有字母，数字，下划线，$符号组成且不能以数字开头
- 不能是关键字和保留字
- 严格区分大小写
-
规范
- 变量名必须有意义
- 遵守小驼峰式命名法
拓展
-
var声明变量和let的区别(了解)
-
let的提出是为了解决var无法解决的遗留问题
-
var声明变量
- 可以先使用后声明
- 可以重复声明
-
-
数组
-
作用
- 可以按顺序保存多个数据
-
概念
-
元素
- 数组中保存的每个数据
-
下标（索引）
- 数组中数据的编号
- 编号从0开始
-
长度
- 数组中数据的个数
- arr.length
-
字面量
- 中括号 [ ]
-
数组可以存储任意类型的数据
-
-
使用
-
声明
- let 数组名 = [数据1，数据2，数据3，......数据n]
-
取值
- 数组名 [下标]
- 通过下标取数据
数据类型
-
作用
-
-
- 更加充分和高效的利用内存
-
- 也更加方便程序员的使用数据
分类
-
基本数据类型
-
数值型
-
number
-
科学计数法
-
1e5
- 100000
-
1e+5
- 100000
-
-
无穷大
- Infinity
-
NaN
- Not a Number
-
-
-
字符串
-
string
-
单引号
- ' '
-
双引号
- " "
-
反引号
- ``
-
字符串拼接
-
' + 变量名 + ' 去替换需要替换的内容
-
模板字符串（ES6）
字符串${变量}字符串
-
-
-
-
布尔型
-
boolean
-
布尔值
- true
- false
-
-
-
空值
- null
- 本质上是一个对象
-
未定义
- undefined
-
-
引用数据类型
-
对象
- object
-
函数
- function
-
数组
- array
-
检测
- 通过 typeof 关键字检测数据类型
转换
-
原因
- 用户得到的数据都是字符串,而字符串和数字相加会变成相连，则无法进行加法运算
-
分类
-
显示转换
-
转换成数字
-
Number()
-
parse系列
-
parseInt()
- 只保留整数
-
parseFloat()
- 可以保留小数
-
-
如果字符串里有非数字，转换失败时结果为NaN
-
NaN也是number类型的数据
- 代表非数字
-
-
-
转换成字符串
- String()
- 数据.toString(进制数)
-
-
隐式转换
- +号作为正号解析可以转换成Number
- 任何数据和字符串相加结果都是字符串
-
\
