1 手写instanceof
function _instanceof(A, B) {
var O = B.prototype;// 取B的显示原型
A = A.__proto__;// 取A的隐式原型
while (true) {
//Object.prototype.__proto__ === null
if (A === null)
return false;
if (O === A)// 这里重点:当 O 严格等于 A 时,返回 true
return true;
A = A.__proto__;
}
}
2 深拷贝
function deepClone(data) {
if(typeof data === "object" && data !== null){
var type = data.constructor;
var result = new type();
for (var key in data) {
if (data.hasOwnProperty(key)) {
result[key] = deepClone(data[key]);
}
}
return result;
}
return data;
}
3 数组降维
var arr = [1, 2, [3]];
var res = Array.prototype.concat.apply([], arr);
console.log(res);
var arr2 = [1];
console.log(111);
console.log(arr2.concat(11));
// es6
let flatten = arr => arr.reduce((begin,current)=>{
Array.isArray(current)?
begin.push(...flatten(current)):
begin.push(current);
return begin
},[])
4 tofixed返回string
let aa = 10937843.44;
console.log(typeof aa.toFixed(3));
5 函数声明和函数表达式
let test = function aa(){} // 这是一个表达式,表达式忽略名字的
let test1 = function(){}
console.log(test)
console.log(test.name) // aa
console.log(test1.name) //test1
console.log(aa)
6 函数形参和实参
function tmp(a,b){
console.log(tmp.length) // 2 表示函数形参的个数
}
tmp(1)
function sum(a,b,c){
a = 11;
console.log(arguments[0]) // 形参和实参映射关系(两个都存在才映射)
c = 2;
console.log(arguments[2]) // undefined
}
sum(1,2)
7 js 执行顺序
- 1 语法分析
- 2 预编译 发生在函数执行的前一刻
函数声明整体提升,变量只是声明提升
预编译的过程(主要是读变量声明)
// 1. 创建AO对象(Active Object)
// 2. 查找函数形参及函数内变量声明,形参名及变量名作为AO对象的属性,值为undefined
// 3. 实参形参相统一,实参值赋给形参
// 4. 查找函数声明,函数名作为AO对象的属性,值为函数引用
全局的就是GO 就是window
function test(){
console.log(b)
if(a){
var b = 10; // 不要管if ,预编译看到声明就处理
}
}
- 3 解释执行
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。