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