为什么原型未定义

我知道这个问题已经被问过数百次了，但是，我似乎无法理解这个概念prototype

这是我的示例脚本

var config = {
  writable: true,
  enumerable: true,
  configurable: true
};

var defineProperty = function(obj, name, value) {
  config.value = value;
  Object.defineProperty(obj, name, config);
}


var man= Object.create(null);
defineProperty(man, 'sex', "male");

var person = Object.create(man);
person.greet = function (person) {
    return this.name + ': Why, hello there, ' + person + '.'
}
var p=Object.getPrototypeOf(person);
alert(p.sex);//shows male
person.prototype.age=13;//why there is a error said the prototype is undefined? I thought it supposed be man object...

var child=function(){}
child.prototype.color="red";//why this line doesn't show error? both child and person are an object . 

alert(child.prototype.color);//shows red

var ch=Object.getPrototypeOf(child);

alert(ch.color);//why it is undefined? it is supposed red.

希望你能给我一些帮助...谢谢。

Updated:

谢谢你们的帮助，根据 Elclanrs 的回答，以下是我了解到的内容。

Function是 javascript 中的内置对象之一。 3种格式创建函数对象是相等的。

var function_name = new Function(arg1, arg2, ..., argN, function_body)
function function_name(arg1, arg2, ..., argN)
{
...
}
var function_name=function(arg1, arg2, ..., argN)
{
...
}

因此，这就是为什么创建原型链时我们必须创建一个函数，然后使用 new 关键字调用它。

Function.prototype是对所有 Function 对象的引用prototype.

Cheers

The prototype属性仅存在于函数上，并且person不是一个函数。这是一个object.

这是发生的事情：

var man = Object.create(null);         // man (object) -> null
man.sex = "male";

var person = Object.create(man);       // person (object) -> man (object) -> null
person.greet = function () { ... };

var p = Object.getPrototypeOf(person); // man (object) -> null
alert(p.sex);                          // p is the same object as man

person.prototype.age = 13;             // person doesn't have a prototype

var child = function () {};            // child (function) -> Function.prototype
                                       // -> Object.prototype -> null
child.prototype.color = "red";         // child has a prototype

var ch = Object.getPrototypeOf(child); // Function.prototype

alert(ch.color);                       // ch is not the same as color.prototype
                                       // ch is Function.prototype

欲了解更多信息，我建议您阅读这个答案：https://stackoverflow.com/a/8096017/783743 https://stackoverflow.com/a/8096017/783743

Edit:用尽可能少的语言解释发生的事情：

1. JavaScript 中的所有内容都是对象，除了原始值（布尔值、数字和字符串）之外null and undefined.

2. 所有对象都有一个属性称为[[proto]]这是程序员无法访问的。然而，大多数引擎都可以通过以下方式访问此属性：__proto__.

3. 当你创建一个像这样的对象时var o = { a: false, b: "something", ... } then o.__proto__ is Object.prototype.

4. 当你创建一个像这样的对象时var o = Object.create(something) then o.__proto__ is something.

5. 当你创建一个像这样的对象时var o = new f(a, b, ...) then o.__proto__ is f.prototype.

6. 当 JavaScript 找不到属性时o它搜索该属性o.__proto__进而o.__proto__.__proto__等等，直到它找到该属性或原链以null（在这种情况下，该属性是undefined).

7. 最后，Object.getPrototypeOf(o)回报o.__proto__并不是o.prototype - __proto__存在于所有对象上，包括函数，但是prototype只存在于函数上。