如何在 JavaScript 中为私有变量使用与函数参数相同的名称？ （使代码看起来更好）

Question

我今天写了 aproximatley 这段代码：

function  Point  ()  {                   //  1
   var x,  y;                            //  2
                                         //  3
   this.setXY  =  function  (x,  y)  {   //  4
      x  =  x;                           //  5  doesn't  work
      y  =  y;                           //  6  doesn't  work
   }                                     //  7
}                                        //  8

我想让setXY API 看起来不错，所以我想在第 4 行使用 x 和 y。但是我也想让我的代码在内部很好，所以我使用 x 和 y私有变量在第 2 行。

我的问题是：是否可以在我的代码中到处都有x 和y，用于私有变量和函数参数？如何在第 5 行和第 6 行将 x 分配给 x 和 y 分配给 y 以使其正常工作？

Answer 1

简短回答：不，这是不可能的。通过在 this.setXY 方法中保持相同的名称，您实际上是在覆盖父作用域的变量。

您似乎允许修改原始 x 和 y 值 - 为什么不简单地公开它们并将您的方法用作实用程序？

function Point (x, y) {
  this.x = x;
  this.y = y;

  // set X,Y in a single statement
  this.setXY = function (x, y) {
    this.x = x;
    this.y = y;
  }

  // utility example
  this.distance = function (x, y) {
    x = this.x - x;
    y = this.y - y;
    return Math.sqrt(x * x + y * y);
  }
}

或者定义一个对象来存储具有相同名称/键的变量：

function Point (x, y) {

  // a private key store
  var point = {
    x: x || 0,
    y: y || 0
  };

  this.setXY = function (x, y) {
    point.x = x;
    point.y = y;
  }
}

Answer 2

在setXY 内，函数参数x 和y 是隐藏在Point 函数体中定义的局部变量x 和y。 p>

在 javascript 中，没有直接的方法可以访问阴影变量。通过声明参数名称来隐藏局部变量，您使局部变量无法访问。

通常，在这种情况下，javascript 开发人员不会尝试访问阴影变量，而是执行以下两种操作之一：

1. 使用不同的变量名：

   function Point() {
     var _x, _y;
     this.setXY = function(newX, newY) {
       _x = newX;
       _y = newY;
     };
   }
   p = new Point();
   p.setXY( 5, 7 );
   

2. 将特定于对象的值存储在this 中，而不是作为局部变量：

   function Point() {
     this.setXY = function(x, y) {
       this.x = x;
       this.y = y;
     };
   }
   p = new Point();
   p.setXY( 5, 7 );
   

这两种方法的主要区别在于

1. 由于它们是局部变量，_x 和 _y 无法从 Point 的定义之外访问，因此无法通过 setXY 更新它们除了 .

2. 由于this.x 和this.y 是对象成员，因此任何引用this 的人都可以访问它们，并且可以在Point 的定义之外进行修改，而无需使用setXY。继续之前的代码：

   console.log( p.x, p.y ); // prints 5, 7
   p.x = 11;
   console.log( p.x, p.y ); // prints 11, 7