1. ==和===的区别?
答: ==用于一般比较,===用于严格比较。这么理解: 当进行双等号比较时候: 先检查两个操作数数据类型,如果相同, 则进行===比较, 如果不同, 则愿意为你进行一次类型转换, 转换成相同类型后再进行比较, 而===比较时, 如果类型不同,直接就是false.
例如var a=1,b='1' a==b是true。===是严格相等,不止要类型相等,数据也要相等,a===b是false。
2. 数组清零
方式1:splice函数
arrayObject.splice(index,howmany,element1,.....,elementX)
index:必选,规定从何处添加/删除元素。
howmany:必选,规定应该删除多少元素。未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
element1:可选,规定要添加到数组的新元素。
<script type ="text/javascript">
var arr = [1,2,3,4];
arr.splice(0,arr.length);
</script>
方式2:给数组的length赋值为0
<script type ="text/javascript">
var arr = [1,2,3,4];
arr.length = 0;
</script>
赋予数组的长度小于本身的长度,数组中后面的元素将被截断。
赋予数组的长度大于本身的长度,将扩展数组长度,多的元素为undefined。
方式3:直接赋予新数组 []
<script type ="text/javascript">
var arr = [1,2,3,4];
arr = [];
</script>
这种方式为将arr重新复制为空数组,之前的数组如果没有被引用,将等待垃圾回收。
3.undefined与null的区别
undefined
和null
在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。
if (!undefined)
console.log('undefined is false');
// undefined is false
if (!null)
console.log('null is false');
// null is false
undefined == null
// true
4. 宏任务和微任务
答: js作为单线程的运行机制,必定有自己的运行顺序,在听了一次分享后,也好奇这种运行的机制到底是什么?
js可分为同步任务和异步任务,对于同步的任务,我们当然知道按照顺序进行执行,但是对于异步的操作,会有一个优先级的执行顺序,分别为宏任务和微任务
宏任务(macrotasks)和微任务(microtasks)??包含什么?
宏任务一般是:包括整体代码script
,setTimeout
,setInterval
、I/O
、UI render
。
微任务主要是:Promise
、Object.observe
、MutationObserver
。
-
宏任务和微任务之间的关系
image.png
1.Promise在前,setTimeout在后
new Promise((resolve) => {
console.log('外层宏事件2');
resolve()
}).then(() => {
console.log('微事件1');
}).then(()=>{
console.log('微事件2')
})
console.log('外层宏事件1');
setTimeout(() => {
//执行后 回调一个宏事件
console.log('内层宏事件3')
}, 0)
结果:
外层宏事件2
外层宏事件1
微事件1
微事件2
内层宏事件3
2.setTimeout在前,Promise在后
setTimeout(() => {
//执行后 回调一个宏事件
console.log('内层宏事件3')
}, 0)
console.log('外层宏事件1');
new Promise((resolve) => {
console.log('外层宏事件2');
resolve()
}).then(() => {
console.log('微事件1');
}).then(()=>{
console.log('微事件2')
})
结果:
外层宏事件1
外层宏事件2
微事件1
微事件2
内层宏事件3
-
事件循环
image.png
上图解释:
- 同步和异步任务分别进入不同的执行"场所",同步的进入主线程,异步的进入Event Table并注册函数
- 当指定的事情完成时,Event Table会将这个函数移入Event Queue
- 当栈中的代码执行完毕,执行栈(call stack)中的任务为空时,就会读取任务队列(Event quene)中的事件,去执行对应的回调
- 如此循环,形成js的事件循环机制(Event Loop)
网友评论