前端面试题之---Object.defineProperty(1)

news/2024/7/19 16:23:49 标签: js, 面试, 前端

码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！

今天给大家分享几道关于Object.defineProperty的面试题。
Object.defineProperty是前端非常重要的知识点。Vue中核心的双向数据绑定就是通过Object.defineProperty实现的。Object.defineProperty在框架中的应用非常广泛。

if(a === 1 && a ===2 && a ===3){
    console.log('You win!!!!');
}
如何进入if语句?

这是一道阿里的前端面试题，问题是如何进入题目中的if语句。a既等于1，又等于2，也等于3。按照常规的办法，肯定是无法实现的。这时候就需要用到Object.defineProperty了。

var _default = 0;
Object.defineProperty(window,'a',{
    get(){
        return ++_default;
    }
})
if(a === 1 && a ===2 && a ===3){
    console.log('You win!!!!');
}

在这里插入图片描述
2.

a = 'Object';
console.log(a);
a = 'Array';
console.log(a);
a = '123';
console.log(a);
  
/**
 * {
 *  type:'Object',
 *  length:6
 * }
 * {
 *  type:'Array',
 *  length:5
 * }
 *
 *  TypeError: This type is invalid
*/

题目要求：当a='Object’的时候console.log(a)需要输出的内容是注释的第一个对象，a='Array’时，输出的是注释的第二个对象，当a=其它值得时候，输出TypeError: This type is invalid。
依然是使用Object.defineProperty解决。

   var _default = null;

   Object.defineProperty(window,'a',{
       get(){
           return _default;
       },
       set(newVal){
        switch(newVal){
            case 'Object':
            case 'Array':
                _default = {
                    type:newVal,
                    length:newVal.length
                }
                break;
            default:
                throw new TypeError('This type is invalid');
        }
       }
   })
    a = 'Object';
    console.log(a);
    a = 'Array';
    console.log(a);
    a = '123';
    console.log(a);

在这里插入图片描述
3.

console.log(_+_+_+_); //abcde ....z

console.log里的每个_都代表一个字母，从a开始，_和_相加就继续输出下一个字母。比如题目中的四个_相加，输出的内容就是abcd。
仍然使用Object.defineProperty。

Object.defineProperty(window,'_',{
    get(){   
        this._c = this._c || 'a'.charCodeAt(0);
        var _ch = String.fromCharCode(this._c);

        if(this._c >= 'a'.charCodeAt(0) + 26) return;
        this._c ++;

        return _ch;
    }
})

console.log(_ + _ + _ + _);