一个奇怪的javascript extend问题

代码在这里:

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)
阅读 3.6k
1 个回答

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);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏