//向window派发一个resize内置事件
window.dispatchEvent(new Event('resize'))
- ...语法
// 拼接数组
arr1 = [...arr2, ...arr1]
// 复制数组
var arr2 = [...arr]
同arr.slice()
// 传参
function sum(x, y, z) { return x + y + z;}
const numbers = [1, 2, 3];
sum(...numbers)
同sum.apply(null, numbers)
// 展开对象字面量
var obj1 = { foo: 'bar', x: 42 };
var obj2 = { foo: 'baz', y: 13 };
var clonedObj = { ...obj1 }; // Object { foo: "bar", x: 42 }
var mergedObj = { ...obj1, ...obj2 }; // Object { foo: "baz", x: 42, y: 13 }
// 复制对象更简洁；Object.assign()会触发set，展开语法不会。
- 反转
// 给 s = "the sky is blue",
// 返回 "blue is sky the".
var str = "the sky is blue";
var arr = str.split(' ');
arr.reverse();
arr.join(' ');
- Event Loop（事件循环）
主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。
image.png
上图中，主线程运行的时候，产生堆（heap）和栈（stack），栈中的代码调用各种外部API，它们在"任务队列"中加入各种事件（click，load，done）。只要栈中的代码执行完毕，主线程就会去读取"任务队列"，依次执行那些事件所对应的回调函数。
- 字符串问题：给定两个字符串str1和str2，如果str1和str2中出现的字符种类一样且每种字符出现的次数也一样，那么str1和str2互为变形词。请实现函数判断两个字符串是否互为变形词。
function isDeformation (str1, str2) {
if (!str1 || !str2 || str1.length !== str2.length) {
return false
}
let obj = {}
let arr1 = str1.split('')
let arr2 = str2.split('')
for (let i = 0, len = arr1.length; i < len; i++) {
obj[arr1[i]] ? obj[arr1[i]] += 1 : obj[arr1[i]] = 1
obj[arr2[i]] ? obj[arr2[i]] += -1 : obj[arr2[i]] = -1
}
let aimArr = Object.values(obj)
return aimArr.every(el => el === 0)
}
console.log(isDeformation('abcabcabc', 'bcacbaacb')) // true
- 数组排序
function createComparisonFunction(propertyName){
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if(value1 < value2){ return -1;}
else if(value1 > value2){return 1;}
else{return 0;}
}
}
var data = [{name : "Zachary", age : 28}, {name : "Nicholas", age : 29}];
data.sort(createComparisonFunction("age"));
