JavaScript快速⼊门
js概念
⼀门客户端脚本语⾔
运⾏在客户端浏览器中。每⼀个浏览器都有JavaScript的解析引擎
脚本语⾔：⽆需编译，直接被浏览器解析执⾏
功能
可以控制HTML元素，让页⾯有动态效果，增强⽤户和HTML页⾯的交互过程
JavaScript发展史
⼀开始各种客户端脚本语⾔很乱，ECMA制定出客户端脚本语⾔的标准：ECMAScript，就是统⼀了所有客户端脚本语⾔的编码⽅式JavaScript=ECMAScript+JavaScript⾃⼰特有的东西（BOM+DOM）
ECMAScript：客户端脚本语⾔的标准
⼀、基本语法
与HTML结合⽅式
1. 内部js
定义<script>，标签体内容就是js代码
2. 外部js
定义<script>，通过src属性引⼊外部的js⽂件
注意：
<script>可以定义在html页⾯的任何地⽅。但定义的位置会影响执⾏顺序
<script>可以定义多个
注释
1. 单⾏注释：//注释内容
2. 多⾏注释：/*注释内容*/羌族双煞
数据类型
1. 原始数据类型（基本数据类型）
1. number：数字。整数/⼩数/NaN（not a number ⼀个不是数字的数字类型）
2. string：字符串（js中没有字符的概念）。“aaa” ‘a’山东旅游点
3. boolean：true/false
4. null：⼀个对象为空的占位符
5. undefined：未定义。如果⼀个变量没有给初始化值，则会被默认赋值为undefined
2. 引⽤数据类型（对象）
变量
变量：⼀⼩块存储数据的内存空间
java语⾔是强类型语⾔，JavaScript是弱类型语⾔
强类型：在开辟变量存储空间时，定义了空间将来存储数据的唯⼀类型。只能存储唯⼀类型的数据弱类型：在开辟变量存储空间时，没有定义空间将来的存储数据类型，可以存放任意类型的数据语法：
四级时间分配var 变量名 = 初始化值；
运算符
+（-）正负号
在js中，如果运算数不是运算符所要求的类型，那么js引擎会⾃动的将运算数进⾏类型转换
1. 其他类型转number
2. string转number：按照字⾯值转。如果字⾯值不是数字，则转为NaN（不是数字的数字）
3. boolean转number：true转为1，false转为0
2. ⽐较运算符
1. 类型相同：直接⽐较（字符串按照字典顺序⽐较）
经济管理类专业2. 类型不同：先进⾏类型转换，再⽐较
===：全等于。在⽐较之前，先判断类型，如果类型不⼀样，直接返回false
3. 逻辑运算符
1. &&：与（短路：前⾯⼀个能判断出布尔值，后⾯的就不再判断）
2. ||：或（短路）
3. ！：⾮
其他类型转boolean：
1. number：0或NaN为false，其他为true
2. string：除了空字符串（“”），其他都是true
3. null&undefined：都是false
4. 对象：所有对象都为true
4. 三元运算符
表达式？值1：值2
表达式为true，取值1；为false，则取值2
教师节广播稿5. 特殊语法
1. 语句以；结尾，如果⼀⾏只有⼀条语句，则；可以省略（不建议）
2. 变量的使⽤使⽤var关键字，也可以不适⽤
⽤：定义的变量是局部变量
不⽤：定义的变量是全局变量（不建议）
流程控制语句
在js中，switch语句可以接受任意的原始数据类型
在java中，switch语句可以接受的数据类型：byte int short char，枚举（1.5），string（1.7）
⼆、基本对象
Function ：函数（⽅法）对象
1. 创建
1. function ⽅法名称（形参列表）{⽅法体}
2. var ⽅法名 = function（形参列表）{⽅法体}
2. 属性
length：代表参数的个数
3. 特点
1. ⽅法定义时，形参的类型不⽤写，返回值类型也不⽤写
2. ⽅法是⼀个对象，如果定义名称相同的⽅法，会覆盖前⼀个
3. 在js中，⽅法的调⽤只与⽅法的名称有关，和参数列表⽆关
4. 在⽅法声明中有⼀个隐藏的内置对象（数组）arguments，封装所有的实参
4. 调⽤
⽅法名称（实际参数列表）；
Array ：数组对象
1. 创建
1. var arr = new Array（元素列表）；
2. var arr = new Array（默认长度）；
3. var arr = [元素列表]；
2. ⽅法
join（参数）：将数组中的元素⽤参数作为分隔符拼接为字符串
push（）：向数组的末尾添加⼀个或多个元素，并返回新的长度
3. 属性
length：数组的长度
4. 特点
1. js中，数组元素的类型可变
2. js中，数组长度可变（⾃动扩容）switch (a ){ case 1: alert ("number"); break ; }
1
2
3
4
5
Date：⽇期对象
1. 创建
var date = new Date（）；
2. ⽅法
toLocalString()：返回当前date对象对应的时间本地字符串格式
getTime()：获取毫秒值。返回当前⽇期对象描述的时间到1970年1⽉1⽇零点的毫秒值差Math：数学对象
1. 创建
Math对象不⽤创建，直接使⽤。Math.⽅法名
2. ⽅法
新冠疫苗第一针和第二针间隔最长多久random()：返回0~1之间的随机数。含0不含1
ceil(x)：向上取整。（ceil：天花板）
floor(x)：向下取整。（floor：地板）
round()：四舍五⼊
3. 属性
PI：圆周率
RegExp：正则表达式对象
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论