导图社区 JavaScript学习笔记大纲
JavaScript学习笔记大纲总结概括,包括JS简介、JS注释、JS弓|用肪式、JS输出方式、JS标识符、JS数据类型、效与常量、数组、对象等内容。
习惯就是人们长时间养成的生活方式和行为方式,它决定了我们做事的基本方法,有好的习惯的人做事都会有好的结果,而坏习惯的人往往难以成事,因而,人们常说习惯决定命运。这里总结了7个习惯帮助大家成为高效人士。
认知获取的概念 知道一些概念、过程、信息、现象、方法,知道它们大概可以用来解决什么问题,而这些东西过去你都不知道。 结论:认知获取是学习的开始,而非结束。 比如当朋友给我们介绍一位新朋友时,朋友说,这位朋友性格活泼开朗。
国标重点水污染源运维工作日常事项,整理了仪器设置、运维、维修检查的内容,一起来看吧!
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
JS基本概念
JS简介
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言
JS注释
JavaScript 注释可用于提高代码的可读性。
单行注释以 // 开头
多行注释以 /
开始,以 / 结尾。
JS引用方式
1.内行:在html代码中添加
暝:日落,天色将晚
2.内嵌:在head标签中添加。
空山:空旷,空寂的山野
新:刚刚
空旷的群山沐浴了一场新雨,夜晚降临使人感到已是初秋。
3.外链:在head标签中写一个链接,类似css
描写了雨后的景色
皎皎明月从松隙间洒下清光,清清泉水在山石上淙淙淌流。
JS输出方式
1.alert("手举起来!!!") 警告框
2.prompt("请输入你的工资") 输入框
山雨初霁,万物为之一新,又是初秋的傍晚,空气之清新,景色之美妙,可以想见
3. console.log("好好学习") 控制台输出
月下青松和石上清泉,正是作者所追求的理想境界
侧重写物,以物芳而明志洁
4.document.write("天天向上") 页面输出
在这青松明月之下,在这翠竹青莲之中,生活着这样无忧无虑、勤劳善良的人们
反映了诗人过安静纯朴生活的理想,同时也从反面衬托出他对污浊官场的厌恶
侧重写人,以人和而望政通
JS标识符
1.必须包括字母、数字、下划线、$等
2.不能以数字 汉字开头,不能是js中的关键字
3.第一个单词首字母小写,其他单词首字母大写),最好能见名之意
4.不能使用中文
JS数据类型
引用类型
object,array,function
值类型
number,string,boolean,null,undefined
变量与常量
变量:只能包含数字、字母、下划线、$,并且不能以数字开头
常量:1.声明的常量不能被修改
2.不能被重复声明 3.声明时必须初始化值 4.不存在变量声明提前(暂时性死区)
数组
定义:类似于对象,是一个存放数据的容器
创建方式:1.new关键字
2.使用字面量
API
push 尾部添加
pop 尾部删除 shift 头部删除 unshift 头部添加 find 查找符合条件的数据 findIndex 查找符合条件的数据索引 slice splice reverse forEach map sort
对象
定义:万物皆对象,对象是现实中的事物,是一个抽象的概念,一般在js中用来存储一系列的数据
创建对象方式
字面量法
new Object来new一个对象
字符串
创建方式
使用字面量法
使用new关键字
使用不同引号创建字符串的区别:
1.单双引号没有区别,不能换行,换行需要使用换行符 \n
2、单引号中不能直接包裹单引号,双引号不能直接包裹双引号,可以使用 \ 转义单双引号
3、反引号中的字符可以随意换行,并且可以使用${}在里面插入变量
类型转换
隐式转换
字符串相加,会把数字隐式转化成字符串,再拼接
强制转换(通过api)
运算符
三目运算符
定义:可以根据一个条件来决定表达式的结果
var b = isTrue ?
isTrue1 ? 'a1' : 'a2' : isTrue2 ? 'b' : 'c';
算术运算符
加、减、乘、除
比较运算符
比较运算符的表达式结果一般为boolean值
true 表示正确
false 表示错误
逻辑运算符
&& 并且 与
|| 或者 或
!取反操作
赋值运算符
给变量赋值的操作要使用到赋值运算符
++ 、-- 在后,当前行运行完成之后再赋值
++、--在前,当前行就计算并赋值
短路运算符
根据条件与否决定是否执行代码
&& 遇假则返
|| 遇真则返
流程语句
条件语句
含义:不同的条件执行不同的代码块
if语句
switch语句
循环语句
含义:用于重复的执行一些相同或相似的代码
for循环
while循环
do...while循环
break:终止整个循环,不再进行判断
continue跳过当前循环,直接执行下一次循环
return终止函数体的运行,并返回一个值
异常处理
throw 抛出一个错误
try 尝试执行的代码
catch 发生错误时执行的代码
finally 无论代码是否报错,finally中的代码始终会正常执行
定时器
参数
参数1:执行的函数(回调函数)
参数2:间隔的时间,单位:ms
setTimeout等待一段时间后执行参数1的回调函数(执行1次)
setInterval间隔一段时间后重复执行参数1的回调函数(执行多次)
事件
类型
鼠标事件
click 单击事件
dblclick 双击事件
mouseenter 移入事件
mouseleave 移出事件
mousedown 鼠标按下
mouseup 鼠标抬起
mousemove 鼠标移动
contextmenu 打开右键菜单(常常用于自定义右键菜单)
wheel 滚轮事件
键盘事件
keydown 键盘按下
keyup 键盘松开
keypress 键盘按压
window事件
表单事件
拖拽事件
webStorage
localStorage
持久化存储,数据会一直保留在浏览器中,直到手动移除才会消失
sessionStorage
会话存储,浏览器6关闭之后存储的数据将被清空,操作方式和localStorage完全相同
正则表达式
创建正则表达式有两种方式
使用 RegExp 构造函数创建正则表达式对象
参数1:正则表达式
参数2:修饰符(可选)
使用字面量创建法(推荐使用)
修饰符
g修饰符,用于全局查找
i修饰符,使正则表达式忽略大小写
m修饰符,表示多行匹配,通常和^、$一起使用,用来匹配多行是否以…开头或者以…结尾
字符类
[^abc] 表示除了abc这三个字符以外,任意的字符
[]中使用-表示 从…到… 的范围,实际上表示的是ascll字符表上的范围
. 表示除了回车和换行符(\r和\n)之外的所有字符
\S 匹配非空格
\w 匹配数字、字母、下划线,和[0-9a-zA-Z_]等价
同步和异步的区别
同步代码会阻塞线程,影响后续代码执行,等前期代码执行完毕之后再执行
异步代码不会阻塞线程,也不会影响后续代码执行
闭包
含义:当函数内部访问了外层函数作用域中的变量,就会形成闭包, 闭包是形成作用域链的重要组成部分
闭包生成的两大要素
必须函数套函数
内部作用域访问外部作用域的变量