new操作符的原理
1、创建一个对象
2、将对象的proto指向构造函数的prototype
3、将this指向该实例对象
4、做返回值的判断，如果是引用类型将返回该引用类型，否则会被忽略(返回创建的新对象)
new操作符的使用
function Person(name,age){
this.name=name
this.age=age
}
var obj=new Person('xxx',20)
console.log(obj) // Person {name:'xxx',age:20}
手写一个自己的new
function myNew(fn,...rest){
// 创建一个新对象
var obj={}
// 将对象的proto指向构造函数的prototype
obj.__proto__=fn.prototype // Object.setPrototypeOf(obj,fn.prototype)
console.log(obj)
// 将this指向该实例对象
var result=fn.apply(obj,rest)
console.log(result)
// 做返回值的判断如果是引用类型则返回引用类型，基本类型忽略
return result instanceof Object?result:obj
}
let o=myNew(Person,'xxx',20)
console.log(o) // Person {name:'xxx',age:20}
//如果构造函数中有返回值并且是引用类型,会返回这个引用类型
function Person(name,age){
this.name=name
this.age=age
return {}
}
console.log(a) // {}
var、leat、const有什么区别？
1、let、const不存在变量提升
console.log(a) console.log(a);
var a=100; let a=100; //会直接报错
//解析过程
var a;
console.log(a);
a=100;
2、同一作用域下不允许重复声明
var a=100; let a=100;
var a=200; let a=200;
console.log(a) //200 console.log(a) //报错
function test(i) {
let i=100;
console.log(i)
}
test(10) //报错，在同一作用域下
3、块级作用域
function test() {
let a = 100;
if (true) {
let a = 200 //只在当前作用域可以访问到
}
console.log(a) //100
}
test()
var arr=[]
for(let i=0;i<3;i++){
arr[i]=function(){
console.log(i)
}
}
arr[1]() //1
const也有以上特性，此外它还有其他特性
4、const声明一个只读的常量
//声明常量
const a=100;
a=200;//报错
//const定义引用类型 只要引用的内存地址不发生改变即可
const obj={name:'xxx'};
obj.age=20;
console.log(obj); //{name:'xxx',age:20}
const obj={name:'xxx'};
const obj={}; //报错
5、const声明必须要初始化值
const a; //只声明不赋值，报错
6、var声明的变量会挂载到window上，let和const不会；
未完待续...
