更改对象中的值

Question

我是JavaScript新手。 我想改变使用这些方法的正方形的长度。但它不起作用。我找不到，为什么。 Plz帮助，而不仅仅是投票。

// to change sideLength 
 
this.set_sideLength = function(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
}; 
 

 
var square = new Object(); 
 
square.sideLength = 6; 
 
square.set_sideLength = set_sideLength; 
 

 
// Calculate perimeter 
 
square.calcPerimeter = function() { 
 
    return this.sideLength * 4; 
 
}; 
 

 

 
var p = square.calcPerimeter(); 
 

 
// output 
 
console.log("Perimeter is: " + p + ", if side length is "+ sideLength); 
 

 
// New ouptput with new sideLength 
 
square.set_sideLength(10); 
 
console.log("Perimeter is: " + p + ", if side length is "+ sideLength);

Answer 1

的功能显得相当精致。您执行的console.log是旧值，并且不访问该对象上的属性。将sideLength设置为10后，您不会为该sideLength请求新的calcPerimeter。而你需要访问sideLength的square对象像square.sideLength

// to change sideLength 
 
this.set_sideLength = function(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
}; 
 

 
var square = new Object(); 
 
square.sideLength = 6; 
 
square.set_sideLength = set_sideLength; 
 

 
// Calculate perimeter 
 
square.calcPerimeter = function() { 
 
    return this.sideLength * 4; 
 
}; 
 

 

 
var p = square.calcPerimeter(); 
 

 
// output 
 
console.log("Perimeter is: " + p + ", if side length is "+ square.sideLength); 
 

 
// New ouptput with new sideLength 
 
square.set_sideLength(10); 
 
p = square.calcPerimeter(); 
 
console.log("Perimeter is: " + p + ", if side length is "+ square.sideLength);

像@Felix克林提到你或许应该改变

// from 
 
this.set_sideLength = function(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
}; 
 

 
// to 
 
function set_sideLength(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
};

分配开玩笑根据this的实际情况，可能会对this上的房产产生不同的影响。在你的上下文中可能代表window对象。这就是为什么以下工作。

```

square.set_sideLength = set_sideLength; 

```

一般来说它被认为是不好的做法，将属性添加到window对象。因此，你会更好地使用其他方法，并且整个事情都是IIFE。

像这样

(function() { 
 
    'use strict'; 
 
// to change sideLength 
 
function set_sideLength(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
} 
 

 
var square = new Object(); 
 
square.sideLength = 6; 
 
square.set_sideLength = set_sideLength; 
 

 
// Calculate perimeter 
 
square.calcPerimeter = function calcPerimeter() { 
 
    return this.sideLength * 4; 
 
}; 
 

 

 
var p = square.calcPerimeter(); 
 

 
// output 
 
console.log("Perimeter is: " + p + ", if side length is "+ square.sideLength); 
 

 
// New ouptput with new sideLength 
 
square.set_sideLength(10); 
 
p = square.calcPerimeter(); 
 
console.log("Perimeter is: " + p + ", if side length is "+ square.sideLength); 
 
})();

Answer 2

您还没有叫calcPerimeter函数第二次也sideLength应该被称为square.sideLength。

// to change sideLength 
 
this.set_sideLength = function(new_sideLength) { 
 
    this.sideLength = new_sideLength; 
 
}; 
 

 
var square = new Object(); 
 
square.sideLength = 6; 
 
square.set_sideLength = set_sideLength; 
 

 
// Calculate perimeter 
 
square.calcPerimeter = function() { 
 
    return this.sideLength * 4; 
 
}; 
 

 

 
var p = square.calcPerimeter(); 
 

 
// output 
 
document.write("Perimeter is: " + p + ", if side length is "+ square.sideLength); 
 

 
// New ouptput with new sideLength 
 
square.set_sideLength(10); 
 
var p = square.calcPerimeter(); 
 
document.write("<br/>Perimeter is: " + p + ", if side length is "+ square.sideLength);

Answer 3

function Square(){} 
 

 
Square.prototype.setSideLength = function(sideLength) { 
 
    this.sideLength = sideLength; 
 
}; 
 

 
var square = new Square(); 
 
square.sideLength = 6; 
 

 
Square.prototype.calcPerimeter = function() { 
 
    return this.sideLength * 4; 
 
}; 
 

 
console.log("Perimeter is: " + square.calcPerimeter() + 
 
    ", if side length is "+ square.sideLength); 
 

 
square.setSideLength(10); 
 
console.log("Perimeter is: " + square.calcPerimeter() + 
 
    ", if side length is "+ square.sideLength);

控制台：