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

IT技术 javascript function javascript-objects
2021-02-22 07:43:45

我正在学习 JavaScript 并读到函数就像对象并且可以设置如下属性：

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

为什么 name 属性为空？

谢谢

6个回答

因为name是函数对象的非标准、不可写的 属性。函数声明和命名函数表达式是命名的，而您有一个匿名函数表达式，它name是"".

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

var person = {
    name: "John Smith",
    age: 21,
    profession: "Web Developer"
};
谢谢，我知道对象文字，但需要了解为什么我无法设置函数的名称属性
2021-04-21 07:43:45

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

function abc(){

}

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

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

您可以更改名称属性！

该Function.name属性configurable 在 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"
使用这个例子，你将如何通过 hello() 而不是 fn() 调用函数？
2021-05-01 07:43:45

您可能想要使用 Prototype（请参阅JavaScript .prototype 如何工作？）或简单地将“人”转换为散列，如下所示：

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

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

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

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

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

其它你可能感兴趣的问题
上一篇在浏览器中使用 node.js 的文件系统功能 下一篇在 AJAX 插入的动态创建元素上绑定事件（复选框）