js相关面试题

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不会;

未完待续...

你可能感兴趣的:(js相关面试题)