3.1 這里有一個(gè) url https://baijiahao.baidu.com/s?id=1583617694892288463&wfr=spider&for=pc 寫一個(gè)函數(shù) 獲取 query 的參數(shù)和值存放在一個(gè)對象中歹茶。
function getQuery(url){
let query = { }
let i = url.indexOf('?')+1
let l = url.slice(i,url.length).split('&')
l.forEach((val,index)=>{
var arr = val.split('=')
query[arr[0]] = arr[1]
})
return query
}
var url = 'https://baijiahao.baidu.com/s?id=1583617694892288463&wfr=spider&for=pc'
getQuery(url)
引用，淺拷貝耿戚，深拷貝
深拷貝
JSON.parse(JSON.stringify(obj))
或各個(gè)層級淺拷貝
淺拷貝
開辟新的存儲空間苔悦，如Object.assign艾岂，slice窿锉，concat等等他們只深拷貝頂層的數(shù)組或?qū)ο蟮ǎ晕矣X得他們應(yīng)該叫淺拷貝。
引用
直接賦值
快速排序
好久沒寫= =
function QuickSort(arr){
var leftArr = []
var rightArr = []
if(arr.length >= 1){
for(var i = 1 ; i < arr.length ; i++){
if(arr[i]<=arr[0]){
leftArr.push(arr[i])
}else{
rightArr.push(arr[i])
}
}
}else{
return arr
}
return [].concat(QuickSort(leftArr),arr[0],QuickSort(rightArr))
}
QuickSort([3,2,1,8,9,84,5,16,5])
Promise
promise.png
結(jié)果是4,3,2,1
解析一下良风，每次new一個(gè)新的Promise對象谊迄，傳入的函數(shù)都立即執(zhí)行，進(jìn)入函數(shù)后調(diào)用了resolve(1)烟央，但是resolve的promise是在本輪事件循環(huán)的末尾執(zhí)行统诺，總是晚于本輪循環(huán)的同步任務(wù)（這也是為什么調(diào)用resolve、reject不會終結(jié)Promise的原因）疑俭，所以再往下篙议，設(shè)置的
Promise.resolve().then(()=>console.log(2))相當(dāng)于
new Promise(resolve=>resolve()).then(()=>console.log(2))
同理也是立即執(zhí)行，resolve()執(zhí)行怠硼，但是then方法將在當(dāng)前腳本所有的同步任務(wù)執(zhí)行完才會執(zhí)行，所以此時(shí)輸出2的then進(jìn)入事件隊(duì)列移怯，單線程的js還是需要執(zhí)行剩下的同步代碼香璃，然后下一行執(zhí)行console.log(4)，此時(shí)resolve(1)的事件循環(huán)結(jié)束舟误，輸出1的then進(jìn)入事件隊(duì)列葡秒，再然后，繼續(xù)執(zhí)行當(dāng)前腳本同步任務(wù)嵌溢，輸出3眯牧，然后根據(jù)事件隊(duì)列先進(jìn)先出的原則，2先進(jìn)赖草，輸出2学少，最后輸出1.
知識點(diǎn)如下
1，then方法指定的回調(diào)函數(shù)秧骑，將在當(dāng)前腳本所有同步任務(wù)執(zhí)行完才會執(zhí)行版确。
2，調(diào)用resolve或reject并不會終結(jié) Promise 的參數(shù)函數(shù)的執(zhí)行乎折。
3绒疗，resolved 的 Promise 是在本輪事件循環(huán)的末尾執(zhí)行，總是晚于本輪循環(huán)的同步任務(wù)骂澄。
4吓蘑， 任務(wù)隊(duì)列優(yōu)先級：promise.Trick()>promise的回調(diào)>setTimeout>setImmediate
// 能知道下面代碼答案上面的你就懂了[滑稽]
var promise = new Promise(resolve=>{
console.log(3)
setTimeout(()=>{
console.log(4)
resolve(1)
},0)
}).then(t=>{
console.log(t)
})
console.log(2)
setTimeout(()=>{
console.log(5)
},0)
類數(shù)組對象
JavaScript 類數(shù)組對象的定義：
可以通過索引訪問元素，并且擁有 length 屬性坟冲；
沒有數(shù)組的其他方法磨镶，例如 push 溃蔫， forEach ， indexOf 等棋嘲。
var obj = {0:'asd',1:'zxc',length:2}
Array.prototype.map.call(obj,function(val){
console.log(val)
return val
})
Array.from(obj)
> asd
> zxc
> (2) ["asd", "zxc"]
Chrome 中文界面下默認(rèn)會將小于 12px 的文本強(qiáng)制按照 12px 顯示,可通過加入 CSS 屬性 -webkit-text-size-adjust: none; 解決酒唉。
多個(gè)異步操作順序執(zhí)行
function test2(arr){
arr.reduce((First,Second)=>{
return First.then(()=>{
return new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(Second)
resolve()
},(6-Second)*1000)
})
})
},Promise.resolve())
}
var arr = [1,2,3,4,5,6]
test2(arr)
改寫成async await模式
async function test3(){
// 用forEach和map會報(bào)錯(cuò)，會創(chuàng)建多個(gè)async函數(shù)沸移，異步操作無法順序執(zhí)行
for(var val of arr){
await new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(val)
resolve()
},(6-val)*1000)
})
}
}
var arr = [1,2,3,4,5,6]
test3(arr)
async/await 和 Promise
async function async1() {
console.log("a");
await async2(); //執(zhí)行這一句后痪伦，await會讓出當(dāng)前線程，繼續(xù)執(zhí)行函數(shù)后面的同步代碼,再將后面的代碼加到任務(wù)隊(duì)列中
console.log("b");
}
async function async2() {
console.log( 'c');
}
console.log("d");
setTimeout(function () {
console.log("e");
},0);
async1();
new Promise(function (resolve) {
console.log("f");
resolve();
}).then(function () {
console.log("g");
});
console.log('h');
// d a c f h g b e
