这段 javascript 代码看不懂,关于继承,请教一下大家,这是怎么实现的继承。

2023-01-31 17:10:02 +08:00
 hahaFck
function _extends(d, b) {
        for (var p in b) {
            if (b.hasOwnProperty(p)) {
                d[p] = b[p];
            }
        }
        function __() {
            this.constructor = d;
        }
        __.prototype = b.prototype;
        d.prototype = new __();
    }

在别的代码库里面发现的代码,用来实现 js 的 oo ,但是对于 js 的 prototype 实在是不懂,有大神给讲讲实现的逻辑么,非常感谢!

1005 次点击
所在节点    程序员
7 条回复
jearyvon
2023-01-31 18:10:04 +08:00
fason1995
2023-01-31 18:13:26 +08:00
js 有原型链的概念,即从自身找不到,会一直向祖先中查找,一直找到 null 为止,你可以先简单的理解为,把 b 设置为 d 的爸爸了,这样在 d 找不到,自然会找到 b 中,那 d 就可以用 b 的方法了

其中那段 for 循环的含义是将 b 自身属性复制到 d
hahaFck
2023-01-31 19:55:10 +08:00
@fason1995 那加这个 b.hasOwnProperty(p)判断是为什么呢,不应该直接将 b 的属性都赋给 d ,加这个判断感觉好像是,d 和 b 都有的属性,才会赋值。
hahaFck
2023-01-31 19:57:05 +08:00
@fason1995 看错了不好意思,判断的是 b 是否有这个属性 p ,有的话才给赋值。我在研究研究。
hahaFck
2023-01-31 22:00:35 +08:00
@jearyvon 感谢,看了懂点了,继续琢磨。
hahaFck
2023-01-31 22:11:31 +08:00
@jearyvon
@fason1995
有个问题,就是为什么不直接 d.prototype=b.prototype 呢,而是用那个函数__去中间转换一下呢。
defunct9
2023-02-01 07:13:05 +08:00
new

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/911991

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX