FreeCodeCamp--Make Object Properties Private

最新推荐文章于 2020-10-08 11:32:08 发布

翻译最新推荐文章于 2020-10-08 11:32:08 发布 · 236 阅读

前端同时被 3 个专栏收录

7 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

FreeCodeCamp

1 篇文章

订阅专栏

本文讲解了在构造函数中如何创建私有属性和方法，通过使用var关键字而非this，使得这些属性和方法在对象外部不可访问。以Car和Bike为例，展示了如何控制外部对私有属性的访问，如限制对speed和gear的直接修改。

对象拥有自己的特征，称为属性，对象还有自己的函数，称为方法。
在前面的课程（构造函数）中，我们使用了 this 指向当前（将要被创建的）对象中的公有属性。
我们也可以创建私有属性和私有方法，它们两个在对象外部是不可访问的。
为了完成这个任务，我们在构造函数中，使用我们熟悉的 var 关键字去创建变量，来替代我们使用 this 创建属性。
比如，我们想记录我们的car行驶的 speed ，但是我们希望外面的代码对 speed 的修改只能是加速或减速（而不是变成字符串、直接赋值成某个速度等其他操作），那么如何达到这类操作的目的呢？

编辑器中的构造函数展示了如何实现这种控制模式。
该你自己试试了！修改 Bike 的构造函数，使它有一个名为 gear 的私有属性，还有两个公有方法，叫做 getGear 和 setGear ，这两个方法用来获得和设置 gear 的值。

var Car = function() {
  // this is a private variable
  var speed = 10;

  // these are public methods
  this.accelerate = function(change) {
    speed += change;
  };

  this.decelerate = function() {
    speed -= 5;
  };

  this.getSpeed = function() {
    return speed;
  };
};

var Bike = function() {

  // 只能在这一行下面写代码
  var gear = 10;
  this.setGear = function(change) {
        gear = change;
    };
    this.getGear = function() {
        return gear;
    };
};

var myCar = new Car(5);

var myBike = new Bike();

添加的代码：

  // 只能在这一行下面写代码
  var gear = 10;
  this.setGear = function(change) {
        gear = change;
    };
    this.getGear = function() {
        return gear;
    };
};