接受参数的 Javascript 结构函数

Question

Javascript 菜鸟呼唤职责！

我想为以下内容编写代码：

var p1 = new LatLon(userLat, userLon);                                                    
var p2 = new LatLon(destLat, destLon);  
var dist = p1.distanceTo(p2);    

这意味着我需要创建一个 Javascript 结构，它将创建一个位置，然后还可以将第二个位置作为参数。我不需要代码来计算距离。我只需要弄清楚如何创建对象并允许它接受参数。这是我的伪代码/失败的尝试：

function LatLon(userLat, userLon) {
    var pos = {
      'lat': userLat, 'lon': userLon, 'distanceTo': distanceBetweenTwoPos(pos, pos2);
    }
    return pos;
}
function distanceBetweenTwoPos(pos, pos2){
    // here I will do my own calculations. 
}

获得与上述类似但功能正常的东西有什么帮助吗？

Answer 1

使用典型的原型继承方法，它可能看起来像这样。

function LatLon(userLat, userLon) {
    this.lat = userLat;
    this.lon = userLon;
}
LatLon.prototype.distanceTo = function(pos2){
    console.log(this.lat, pos2.lat);
    console.log(this.lon, pos2.lon);
    // return the result
}

在 LatLon 构造函数中，因为你用 new 调用它，this是对正在构造的对象的引用，return语句是需要的;它将返回新对象。

在 distanceTo 中，this 将是对调用该方法的对象的引用，因此在您的代码中，它将是对p1对象的引用。

当然，p2将作为论据传递。

var p1 = new LatLon(userLat, userLon);
var p2 = new LatLon(destLat, destLon);  
var dist = p1.distanceTo(p2); 

Answer 2

function LatLon(userLat, userLon) {
    this.pos = {
      'lat': userLat,
      'lon': userLon
    }
}
LatLon.prototype.distanceTo = function(pos2){
    return this.pos.lat + pos2.pos.lat;
}
var p1 = new LatLon(1, 2);                                                    
var p2 = new LatLon(3, 4);  
var dist = p1.distanceTo(p2); 
alert(dist);

演示：http://jsfiddle.net/6NGhY/

Answer 3

尝试：

function LatLon(userLat, userLon) {
    this.lat=userLat;
    this.lon=userLon;
    this.distanceTo=function(to){ return distanceBetweenTwoPos(this, to);}   
}