小厂一面: 请准备好水(二)

简介: 小厂一面: 请准备好水(二)

前言

现在到了春招的黄金时期,本人和小伙伴们也都开始了面试,今天在这篇文章中记录我的第一个面试经历,不知道小伙伴们是否跟我一样,在第一次面试时都很紧张呢?

查看对象里的所有属性

使用Object.keys(obj), 来查看对象中的属性,假设我们有一个对象:

let obj = {a: 1, b: 2, c: 3}
    Object.keys(obj)
    // 输出 ['a', 'b', 'c']

但是小伙伴们,这个方法只能查找对象中的可枚举属性,如果对象中有一个属性是不可枚举的,将查找不到。

Object.defineProperty(obj, 'a', 
    { value: 1, enumerable: false // 将属性设置为不可枚举 
});

在JS中,这个方法可以将对象的属性设置为不可枚举属性。

两个等号和三个等号的区别

这个问题,在面试当中是十分容易被问到的,那他们有什么区别呢?

两个等号只判断值是否相等,当等号两边的类型不同时,会将两个数进行隐式类型转换,然后再比较值。当类型相同时,则会直接比较

三个等号会进行严格比较相等,会判断值和类型是否都相等。

console.log(1 == '1');  // true,会进行类型转换,字符串 '1' 转换为数字 1
console.log(1 === '1'); // false,类型不同,不会进行类型转换,数字 1 和字符串 '1' 不相等

同时,这其中的重要知识点就是类型转换了,大家想具体了解的话可以翻翻我以前的文章,我有详细讲解过点击跳转:类型转换

如何判断两个对象是否相等

首先,两个对象是不可能相等的,因为对象是引用数据类型,他们的引用地址是不相同的。这里我们要判断的是两个对象当中的属性是否完全相同,如果完全相同,那么我们就判断这两个对象相等。

js中是没有提供方法让我们判断两个对象中的属性是否相等的,所以我们需要手写一个方法,判断是否相等。

// 如何判断两个对象是否相等
function equal(v1, v2) {
    if ((typeof v1 === 'object' && v1 !== null) && (typeof v2 === 'object' && v2 !== null)) {
        if (Object.keys(v1).length !== Object.keys(v2).length) {
            return false
        }
        for (let key in v1) {
            if (v2.hasOwnProperty(key)) {
                if (!equal(v1[key], v2[key])) {
                    return false
                }
            } else {
                return false
            }
            return true
        }
    } else {
        return v1 === v2
    }
}

Vue

说说vue中的响应式远离

Vue 3 中的响应式原理主要基于 JavaScript 的 Proxy 对象。Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等),因此在 Vue 3 中,它被用来捕获对象的基本操作,从而实现响应式数据的追踪和更新。

先给大家介绍一下Proxy:

const target = {
  name: 'Alice',
  age: 30
};
const handler = {
  get(target, property) {
    console.log(`Getting ${property}`);
    return target[property];
  },
  set(target, property, value) {
    console.log(`Setting ${property} to ${value}`);
    target[property] = value;
  }
};
const proxy = new Proxy(target, handler);
proxy.name; // 输出: "Getting name"
proxy.age = 35; // 输出: "Setting age to 35"

这就是具体的Proxy的介绍以及他的用法,而在vue3中响应式原理主要就是靠Proxy代理一个对象来实现的,当然光是这样说肯定是不够的,小伙伴们可以看看掘金上其它大佬的文章,这里可以看看这位掘友的文章,写的十分的不错~点击此处跳转,手写简单的vue3响应式原理

目录
打赏
0
0
0
0
43
分享
相关文章
回首2022,烟火如常,布衣剩饭,啥也没干,年终总结,蹈海难酬
开篇明义,2022年,我啥也没干,或者说的更准确一些,啥也没干成,没有什么值得拿出来凡尔赛一下的事情,或者可以满足一下虚荣心的成就,300多个日夜里,就是日复一日的起床、上班、讲课、下班、吃饭、睡觉。有什么可总结的呢?
回首2022,烟火如常,布衣剩饭,啥也没干,年终总结,蹈海难酬
2020 年末总结,脚踏实地,一步一个脚印——致敬自己一年的心酸历程
恰逢官方征文,谨以此篇记录自己一年的心酸历程与前端知识的感悟。
294 0
一个程序员的国庆血泪相亲史,惨败而归…
没错,这个程序员就是博主我。 伴随着国庆往返的大军,博主我也踏上了幸福的回家之路。
2019年的第一场雪来的既猛又烈,突然想分享点东西
清晨起床,震惊了,窗外一片雪白,大雪纷飞,我承认我词穷了,说再多话也描述不了此刻的大好心情。所以,话不多说,先上一张朋友圈的图吧! 趁着这么“好的”天气以及这么好的心情突然想写点东西记录一下自己的2018这一年以及2019年的这一天以及对.NET Core的看法。
1985 0
区块链:2018年的第一场火还是第一场泡沫?听听大咖们怎么说
2018年的第一场火还是第一场泡沫?听听大咖们怎么说
1616 0
感恩和情怀
    今天下午的时候感觉很微妙,在配置自动化平台环境有些焦头烂额的时候,在一个虚拟机环境中偶然发现了一套Oracle学习环境,因为目前主要精力都在MySQL方向上,很久没有玩Oracle了,这次偶遇就好比老朋友相见,寒暄几句(配置服务),然后问问近况(连上数据库看看),我也拿出了之前写的一些脚本看看。
1287 0