为什么我不能设置 JavaScript 函数的名称属性？

Question

我正在学习 JavaScript，并且读到函数就像对象一样，可以像这样设置属性：

var person = function(){
}
person.name="John Smith"; //output ""
person.age=21; //output 21
person.profession="Web Developer"; //output "Web Developer"

为什么 name 属性是空白的？

谢谢

Answer 1

您可以使用Object.defineProperty 更改属性的value（即使不触及其writeable 标志）：

function fn () {}
console.log(fn.name) // Outputs fn

Object.defineProperty(fn, 'name', { value: 'newName' })

console.log(fn.name) // Outputs newName

Answer 2

您可以更改 name 属性！

Function.name 属性是 configurable as detailed on MDN。

由于它是可配置的，我们可以更改它的writable 属性，以便对其进行更改。我们需要使用defineProperty 来执行此操作：

var fn = function(){};
Object.defineProperty(fn, "name", {writable:true});
// now you can treat it like a normal property:
fn.name = "hello";
console.log(fn.name); // outputs "hello"

Answer 3

name 属性由 Function 构造函数设置，不能直接覆盖。如果函数被声明为匿名，它将被设置为一个空字符串。

例如：

var test = function test() {};
alert(test.name); // Displays "test"
test.name = "test2";
alert(test.name); // Still displays "test"

Answer 4

您可能想要使用 Prototype（请参阅 How does JavaScript .prototype work?）或简单地将“人”转换为哈希，如下所示：

var person = {};
person.name="John Smith"; //output "John Smith"
person.age=21; //output 21
person.profession="Web Developer"; //output "Web Developer"

Answer 5

因为name 是非标准的，不可写 property of function objects。函数声明和named function expressions 是命名的，而您有一个匿名函数表达式，其name 是""。

你可能想要一个普通的对象：

var person = {
    name: "John Smith",
    age: 21,
    profession: "Web Developer"
};

Answer 6

name 是一个特殊属性，因为它在定义如下时给出了函数的名称：

function abc(){

}

在这种情况下，名称将返回字符串"abc"。此名称无法更改。在您的情况下，该函数没有名称，因此是空字符串。

http://jsfiddle.net/8xM7G/1/