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

未完待续...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefin...
    Grit_1024阅读 645评论 0 9
  • 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,un...
    townof1997阅读 290评论 0 0
  • 面试题按类型来分,主要涉及到“技术”与“非技术”两大类,今天我们主要讨论的是“技术类”,在这个大类别下涉及到的子类...
    simple_50a1阅读 2,486评论 1 56
  • 1、原型、原型链 原型:js中一切皆对象,对象都有一个隐式的属性_proto_,它指向该对象的原型-prototy...
    高至秦阅读 4,127评论 0 7
  • 1. JS创建变量的5种方式?varletconstfunctionexport/import 2. var,le...
    Angel_6c4e阅读 928评论 0 13

友情链接更多精彩内容