22

所以我正在设计一个成绩册界面，我有一个课程定义为：

<script>
course = new Object();
 var name;
 var gradingareas;
 var finalgrade;
</script>

然后稍后我想创建一个新实例：

 var gradingareas = new Array("Homework", "Classwork", "Exams");

 course1 = new course("CS1500", gradingareas, 85);

我也试过没有前面的 var 无济于事。我得到一个“未捕获的类型错误：对象不是函数”我对 javascript 很陌生，所以我什至不知道我是否以正确的方式处理这个问题。感谢任何帮助。

4

4 回答 4

56

您现有的代码：

// Creates a new, empty object, as a global
course = new Object();
// Creates three new variables in the global scope.
var name;
var gradingareas;
var finalgrade;

变量和对象之间没有联系。

看起来你想要更像：

function Course(name, gradingareas, finalgrade) {
    this.name = name;
    this.gradingareas = gradingareas;
    this.finalgrade = finalgrade;
}

然后：

var course1 = new Course("CS1500", gradingareas, 85);

请注意使用大写字母来命名构造函数。这是 JS 社区的惯例。

于 2013-03-19T16:44:13.830 回答
39

JS 是原型的，而不是基于类的，如果您不熟悉它，那么立即学习这一点而不是试图从中混合经典继承模型是有好处的，但是，经典继承在 JS 中仍然存在并且很好。

无论如何，回答你将如何访问你的变量：

course1.name适用于上面的示例。

如果您想私有化您的数据，您可以使用闭包来采用这种方法：

var Course = function(name, grade) {
  // Private data
  var private = {
    name: name,
    grade: grade
  }

  // Expose public API
  return {
    get: function( prop ) {
      if ( private.hasOwnProperty( prop ) ) {
        return private[ prop ];
      }
    }
  }
};

然后实例化一个新对象：

var course = new Course('Programming with JavaScript', 'A');

并开始使用所有私人数据：

course.get('name');

当然，您可能也希望 setter 操作该数据；）

于 2013-08-21T13:08:59.577 回答
1

您描述的代码执行以下操作：

// Declares a memory variable called course and stores and object in it
var course = new Object();

// Declares three variables
 var name;
 var gradingareas;
 var finalgrade;

这些声明的变量不会自动连接到对象。如果您希望在对象上声明这些属性，您有 2 个选项：

  1. 将它们声明为对象的属性
  2. 在对象的原型上声明它们

示例 1：将它们声明为对象的属性：

// Declares a memory variable called course and stores and object in it
var course = new Object();

// Access or create new properties with . or [] operator
course.name = 'math';
course.gradingareas = 'muliple';
course['finalgrade'] = 'A'

console.log(course);

示例 2：在原型上声明它们：

// Create a constructor function
function Course (name, grade) {
  this.name = name;
  this.grade = grade;
}

// course is added on the prototype
Course.prototype.gradingareas = 'some gradingareas';

// the name and the grade are added on the object itself
var course = new Course ('willem', 10);

console.log(course);

于 2018-10-10T12:23:34.760 回答
0

要使用构造函数和默认值创建一个非常简单的对象，您可以执行以下示例：

//My object with constructor
var myObjectWithConstrutorFunction = {

    //construtor function with default values in constructor
    myConstrutor: function(Name = 'bob', Age = 18){
        this.Name = name;
        this.Age = age;
    }
};

// instance
var myInstance = new myObjectWithConstrutorFunction.myConstrutor();

// show on console
console.log('object with constructor function: ', myInstance);

// show properties 
console.log(myInstace.Name, myInstance.Age);

PS：如果你正在创建一个外部类，那么创建一个与类同名的构造函数名称是一个很好的做法。

于 2021-03-09T13:13:37.967 回答