JS基础知识整理[原型链+new+闭包]（一）

一、原型链

"a".__proto__.__proto__.__proto__===null//true

1.__proto__.__proto__.__proto__//直接报错
VM300:2 Uncaught SyntaxError: Unexpected token ILLEGAL(…)InjectedScript._evaluateOn @ VM45:878InjectedScript._evaluateAndWrap @ VM45:811InjectedScript.evaluate @ VM45:667
new Number(1).__proto__.__proto__.__proto__===null
true

Number.prototype.__proto__===Object.prototype

二、new发生了什么？

function Person(name,age){
 this.name = name;
 this.age= age;
 this.fn=()=>{ console.log('方法')}
}
Person.prototype={ 
    fn1:function(){console.log("fn1")}
}
var p=new Person('andy');//可以不加小括号，不传参的话
p.name//"andy"
p.fn()//"方法"

function _new(/*constr,params*/){//...arg更方便
   let args=[...arguments];
   let constructor=args.shift();
   var newObj={};
   newObj.__proto__=constructor.prototype;
  //let newObj = Object.create(constructor);//issue
    let result =  constructor.apply(newObj ,args);
    console.log("result",result,"newObj ",newObj )
    return typeof result === "object" ? result: newObj 
}
var p = _new(Person,'andy',22);

1. 提取参数，第一个参数为构造函数，剩余的为其他参数（构造函数私有属性，方法）；
2. 创建对象，并把其原型指向构造函数的原型；
3. 调用构造函数，并把this指向新创建的对象;
4. 返回此对象，如果构造函数返回一个对象，则返回此对象（不建议构造函数有返回值），否则返回新创建的对象；

闭包就是能够读取其他函数内部变量的函数

2.私有变量

案例：

function add() {
  var x = 1;
  console.log(++x);
}
add(); //执行输出2,
add(); //执行还是输出2,

//----------
function add() {
  var x = 1;
  return function() {
    console.log(++x);
  };
}
var num = add();
num(); //输出2
num(); //输出3
num(); //输出4

for (var i = 0; i < 5; ++i) {
  setTimeout(function() {
    console.log(i + " ");
  }, 100);
}
//------------将 setTimeout 放在立即执行函数中，将 i 值作为参数传递给包裹函数，创建新闭包
for (var i = 0; i < 5; ++i) {
  (function(i) {
    setTimeout(function() {
      console.log(i + " ");
    }, 100);
  })(i);
}

1. 引用计数（缺点，循环引用问题）
2. 标记清除（JS用的这种）