首页 > 一个奇怪的javascript extend问题

一个奇怪的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)

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);
【热门文章】
【热门文章】