一个奇怪的javascript extend问题

发布于 2022-08-29 19:40:22 字数 680 浏览 13 评论 0

代码在这里:

http://jsbin.com/xabowoyihawe/1/edit?js,console

问题:
为什么noop.name可以取到值而noop.title是undefined?而name和title都是在noop.prototype中的

function noop() {   }
function _extend(source, obj) {
  for (var prop in source) {
    if(!obj.prototype[prop]) {
      obj.prototype[prop] = source[prop]
    }
  }
  return obj
}

noop.prototype["name"] = 'noop'

_extend({"title":"sometitle"}, noop)

var n = new noop()
console.log( noop.name, noop.title, noop.prototype.name, noop.prototype.title, noop.prototype)
console.log( n.name, n.title)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

风吹短裙飘 2022-09-05 19:40:22

noop.name 取得不是 noop.prototype["name"] = 'noop'这个值, 它取得是函数function noop() { }的名字noop.

我稍微改了下, 你看看打印结果, 然后再体会下javascriptprototype.

function FuncNOOP() {
}
function _extend(source, obj) {
  // 此函数未做改动, 省略了, 直接用你的那个就好.
}

FuncNOOP.prototype["name"] = 'noop';

_extend({"title":"sometitle"}, FuncNOOP);

var n = new FuncNOOP();
// 打印结果: FuncNOOP undefined noop sometitle
console.log( FuncNOOP.name, FuncNOOP.title, FuncNOOP.prototype.name, FuncNOOP.prototype.title);
// 打印结果: noop undefined
console.log( n.name, n.title);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文