js 深入知识

发布时间:2019-08-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js 深入知识脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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 解释执行

脚本宝典总结

以上是脚本宝典为你收集整理的js 深入知识全部内容,希望文章能够帮你解决js 深入知识所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。