乐趣区

js 深入知识

1 手写 instanceof
<pre>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__;
}
}</pre>
2 深拷贝
<pre> 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;
}
</pre>
3 数组降维
<pre>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
},[])
</pre>
4 tofixed 返回 string
<pre>let aa = 10937843.44;console.log(typeof aa.toFixed(3));</pre>
5 函数声明和函数表达式
<pre>let test = function aa(){} // 这是一个表达式,表达式忽略名字的 let test1 = function(){}console.log(test) console.log(test.name) // aa console.log(test1.name) //test1 console.log(aa)</pre>
6 函数形参和实参
<pre>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)</pre>
7 js 执行顺序

1 语法分析
2 预编译 发生在函数执行的前一刻

函数声明整体提升,变量只是声明提升 预编译的过程 (主要是读变量声明)<pre>// 1. 创建 AO 对象(Active Object)// 2. 查找函数形参及函数内变量声明,形参名及变量名作为 AO 对象的属性,值为 undefined // 3. 实参形参相统一,实参值赋给形参 // 4. 查找函数声明,函数名作为 AO 对象的属性,值为函数引用全局的就是 GO 就是 window function test(){ console.log(b) if(a){
var b = 10; // 不要管 if,预编译看到声明就处理
}}</pre>
3 解释执行

退出移动版