JavaScript 变量与类

Question

这听起来像是一个奇怪的问题，考虑到变量和类是完全不同的东西，但我来自 Java 背景（目前是副学士学位，三年级大学生），我一直在阅读 javascript 和观看视频.

关于 js 动画的视频以创建 vector 对象的介绍开始。他在自己的名为vector.js 的文件中定义了vector，并将其用作基本二维动画中粒子运动的基础。

代码如下：

变量向量 = { _x: 1, _y: 0, 创建：函数（x，y）{ var obj = Object.create(this); obj.setX(x); obj.setY(y); 返回对象； }, setX：函数（值）{ this._x = 值； }, 获取X：函数（）{ 返回这个._x; },

它继续为角度、长度等提供更多的 getter 和 setter。还定义了其他矢量运算的方法，例如交叉和点积。

我的问题是： - 这与使用带有方法的类有什么不同？ - 这是可接受的/标准代码吗？ -作为标题的语法foo: function(args)是否与function foo(args)相同？ -你们都可以指点我解释在看似声明的变量中包含函数和参数的概念的资源吗？

我已经尝试查找有关的信息，但我不知道这种语法或用法在 js 中是否有名称。我在 Java 中没有见过这样的东西。我找不到任何信息。

干杯。

Answer 1

那不是一门课。那是一个对象。在 Java 中，它就像一个匿名类。因此，Java 实际上确实具有完全相同的功能，但语法不同。在 Java 中会是这样的：

Object vector = new Object {
    private Integer x = 0;
    private Integer y = 0;

    // rest of code ... 
}

一个关键的区别在于，与 Java 不同的是，当您访问不存在的对象的属性时，javascript 不会产生错误。上面的代码在 Java 中会出现语法错误，因为 Object 类没有成员 x 和 y。但是javascript会默默添加不存在的成员：

class Foo {
    constructor () {
        this.a = 1;
    }
}

var foo = new Foo();
console.log(foo.a); // prints 1
console.log(foo.b); // prints "undefined"
foo.b = 2;          // NOT an error
console.log(foo.b); // prints 2

在 javascript 中，语法 {} 等价于 new Object()。这称为object literal 语法（技术上它被指定为“对象初始化器”）。这实际上是 JSON 的由来——它基于 javascript 对象和数组语法。

javascript 中对象的这种行为意味着它经常被用来代替其他语言中的 hashes/maps/hashmaps/associative arrays。因为它实际上表现得像一个关联数组。所以在 Java 中你有 Map 在 JavaScript 中你会使用 {}。