如何使用 Javascript 函数创建对象？

Question

我正在学习 JavaScript 课程。我正在读“对象和类”一章，我不知道如何解决作业中的一些作业。第一个练习是这样的function createCat(name,age){//Create a new object with the property "name" and the value defined by the argument "name".//Add a new property to the object with the name "age" and use the value defined by the argument"age"//Add a methos (function) called meow that returns the string "Meow"!}这就是我正在尝试的 function createCat(name,age){      var Cat={};        Cat.Name=name;        Cat.Age=age;        Cat.meow=function(){return "Meow!"};        return Cat;     }我正在测试将脚本加载到 index.html 文件中的功能，在浏览器中打开该文件，然后在 Web 控制台中测试该功能。我运行该函数没有问题。然后，我测试 Cat 对象是否是通过在控制台中写入 Cat.Name 返回的，这会导致错误。当我在下面的一行代码中调用该函数，然后尝试访问该对象的属性时，也会发生同样的事情。错误显示为“ReferenceError：Cat 未定义”。我究竟做错了什么？谢谢！

Answer 1

一种更简洁的方法是完全省略该let Cat = {}部分。您可以使用该函数本身来创建Cat对象。

function Cat(name, age) {

    this.name = name;

    this.age = age;

    this.meow = () => console.log("Meow!");

}

let myCat = new Cat("Waldorf", 16)

let anotherCat = new Cat("Statler", 12)

myCat.meow()

console.log(anotherCat.name)

Answer 2

您的函数返回 Cat，但这只是函数作用域中的一个名称。为了在函数中使用该名称，您需要执行以下操作：

function createCat(name, age) {

        var cat = {};

        cat.Name = name;

        cat.Age = age;

        cat.meow = () => "Meow!";

        return cat;

}

let Cat = createCat("mist", 16);

console.log(Cat)

Answer 3

您会收到此错误，因为Cat仅在您的函数范围内定义。要Cat全局定义，请使用window.Cat而不是var Cat：

function createCat(name, age) {

  window.Cat = {};

  Cat.Name = name;

  Cat.Age = age;

  Cat.meow = function() {

    return "Meow!"

  };

  return Cat;

}

console.log(Cat.Name);

Answer 4

如果你想在控制台上输入时获得你的 Cat，Cat.name你必须像这样全局声明它：

function createCat(name, age) {

  return {

    name: name,

    age: age,

    meow: function() {

      return "Meow!"

    },

  };

}

window.Cat = createCat('name', 2);

然后您就可以在全球范围内访问您的 Cat。

您还可以将 Cat 分配给浏览器控制台上的变量并通过Cat.name如下方式访问它：

const Cat = createCat('name', 2);