2020年已经过去一半了,看书、健身、学习......你立的flag都实现了吗?
没实现也不要紧!
如果说《青春有你》是你的“借口”,《隐秘的角落》是你的“谎言”,那么7月已经来临,将近半年的颓废生活也应该告一段落了,是时候重新出发,认真搞学习了!
学习要讲求效率,如何能在最短的时间内记住最多的东西呢?
继高分干货文章【HTML口诀篇】和【CSS口诀篇】之后,小渡再次隆重推出【JS学习口诀】干货分享专题,带你高效学习、事半功倍,轻松玩转JS!
01 JS语法错误和逻辑错误
常见错误语法中,无法运行控制疯。
突然终止逻辑错,前边代码运行过。
错误仅在当前块,其他部分任自在。
常见错误语法中,无法运行控制疯。
常见的语法错误 会导致程序无法运行并且在浏览器控制台报错
语法错误:
js.html:25 Uncaught SyntaxError: Unexpected token '.'
突然终止逻辑错,前边代码运行过。
逻辑错误:
这种错误在运行的时候发生 而且是从发生错误的哪一行开始后续不在执行
当前行前边的代码依然可以执行
console.log("1");
console.log("2");
console.log("3");
console.log(d); //这一行之后的代码不会运行
console.log("4");
console.log("5");
错误仅在当前块,其他部分任自在。
当处于不同的js代码块中的发生逻辑错误的时候不 会影响另一个代码块中的运行
比如
02 JS变量声明和变量名
变量定义分两步,声明赋值分开住。
美元字母下滑线,数字不可当头见。
变量定义分两步,声明赋值分开住。
定义变量分为 变量声明 和赋值这两个步骤
当然既然是两个步骤自然是可以分开做的啦
美元字母下滑线,数字不可当头见。
关于变量名字使用 美元符号 $ 字母 下划线 还有数字组成
但是数字不能做开头
var 2name = 10; //语法错误
03 JS数据类型
字符数字未定义,布尔基本空归去。
定义变量未赋值,打印效果最真实。
类型为空常站位,清除引用把酒醉。
数组对象栈引用,实际存储堆中洞。
字符数字未定义,布尔基本空归去。
js的基本数据类型
字符串String 数字 Number 未定义 undefined
布尔 boolean 空 null
定义变量未赋值,打印效果最真实。
如果你定义一个变量没有赋值的话
打印这个变量 结果便是 undefined
类型为空常站位,清除引用把酒醉。
空这个数据类型常用于清空引用值
比如你定义了一个引用值的变量
然后需要将这个函数的引用清除掉就直接可以赋值 null
数组对象栈引用,实际存储堆中洞。
数组类型 Array 对象 Object
属于引用值类型 实际值存储在 堆内存中
而栈内存存储的是它的引用地址
04
JS逻辑远算符和比较运算符
逻辑判断与或非,3N空零把错归。
与或前后贴两值,对错判断返回实。
与字多用灵活追,常与假如相媲美。
比较运算数学中,正常逻辑既相通。
逻辑判断与或非,3N空零把错归。
逻辑操作符 与 && 或 || 非 !
3N 表示 null NaN undefined
空 表示空字符串
零 0
错 false
这些值会隐式 转换为 fasle
其他值则为 true
与或前后贴两值,对错判断返回实。
短路与 前后比较俩个值
如果第一个对返回第二个 如果第一个错返回第一个
短路或 前后比较俩个值
如果第一个对返回第一个 如果第一个错返回第二个
与字多用灵活追,常与假如相媲美。
与运算符的灵活运用 功能类似于 if判断
比较运算数学中,正常逻辑既相通。
比较运算符 使用逻辑和数学中一样![98897a1f12bbb923b747701e92e5e748.gif](https://i-blog.csdnimg.cn/blog_migrate/f46a2fe742af22802c0f7491964207e6.gif)
好啦,今天的分享就先到这里了~
口诀都是知识点的浓缩,只有真正理解了口诀,才能更灵活地运用在前端实践之中。跟着干货的更新进度,先理解后运用,温故知新、效果更佳。
在未来的几周内,小渡会陆续更新【JS学习口诀】系列干货,点关注、不迷路!
往期html、css口诀,可在自定义菜单中查阅学习哦!
RECOMMEND
推荐阅读![dfcdb4de06af2a4bdbf3e8e037aca6b8.png](https://i-blog.csdnimg.cn/blog_migrate/4d0c978f261cef969f24722cce33fe3d.png)
![033f9dee2fee1bebed0b0bda19b8f5f1.png](https://i-blog.csdnimg.cn/blog_migrate/a6254ec499363ef8184916b0b91282cc.png)
![a8efa5fee21b57afb24bc0f3cd58b63f.png](https://i-blog.csdnimg.cn/blog_migrate/1de38dd767de8307c4836d9c05c11f4c.png)
![ef51285f1e432b4dad9e07bea88bdc5b.png](https://i-blog.csdnimg.cn/blog_migrate/4400b6e6ef5ff561b93d73e543905adf.png)
![9468451b6fac4c8e991e5a5f179528e6.png](https://i-blog.csdnimg.cn/blog_migrate/02fa49c7c0975e02fd66d0ef028bdd08.png)