Math.atan2()

Try it

function calcAngleDegrees(x, y) {
  return (Math.atan2(y, x) * 180) / Math.PI;
}

console.log(calcAngleDegrees(5, 5));
// Expected output: 45

console.log(calcAngleDegrees(10, 10));
// Expected output: 45

console.log(calcAngleDegrees(0, 10));
// Expected output: 90

Cú pháp

Math.atan2(y, x)

Tham số

y

Tọa độ y của điểm.

x

Tọa độ x của điểm.

Giá trị trả về

Góc tính bằng radian (trong khoảng từ -π đến π, bao gồm hai đầu mút) giữa trục x dương và tia từ (0, 0) đến điểm (x, y).

Mô tả

Phương thức Math.atan2() đo góc θ ngược chiều kim đồng hồ (tính bằng radian) giữa trục x dương và điểm (x, y). Lưu ý rằng hàm này nhận đối số theo thứ tự tọa độ y trước, tọa độ x sau.

Math.atan2() nhận hai đối số riêng biệt x và y, trong khi Math.atan() nhận tỷ lệ giữa hai đối số đó. Math.atan2(y, x) khác với Math.atan(y / x) trong các trường hợp sau:

Ngoài ra, đối với các điểm ở góc phần tư thứ hai và thứ ba (x < 0), Math.atan2() sẽ trả về góc nhỏ hơn $-\frac{\pi}{2}$ hoặc lớn hơn $\frac{\pi}{2}$.

Vì atan2() là một phương thức tĩnh của Math, bạn luôn sử dụng nó dưới dạng Math.atan2(), thay vì là phương thức của một đối tượng Math bạn tạo ra (Math không phải là constructor).

Ví dụ

Sử dụng Math.atan2()

Math.atan2(90, 15); // 1.4056476493802699
Math.atan2(15, 90); // 0.16514867741462683

Sự khác biệt giữa Math.atan2(y, x) và Math.atan(y / x)

Đoạn script sau in ra tất cả các đầu vào tạo ra sự khác biệt giữa Math.atan2(y, x) và Math.atan(y / x).

const formattedNumbers = new Map([
  [-Math.PI, "-π"],
  [(-3 * Math.PI) / 4, "-3π/4"],
  [-Math.PI / 2, "-π/2"],
  [-Math.PI / 4, "-π/4"],
  [Math.PI / 4, "π/4"],
  [Math.PI / 2, "π/2"],
  [(3 * Math.PI) / 4, "3π/4"],
  [Math.PI, "π"],
  [-Infinity, "-∞"],
  [Infinity, "∞"],
]);

function format(template, ...args) {
  return String.raw(
    { raw: template },
    ...args.map((num) =>
      (Object.is(num, -0)
        ? "-0"
        : (formattedNumbers.get(num) ?? String(num))
      ).padEnd(5),
    ),
  );
}

console.log(`| x     | y     | atan2 | atan  |
|-------|-------|-------|-------|`);

for (const x of [-Infinity, -1, -0, 0, 1, Infinity]) {
  for (const y of [-Infinity, -1, -0, 0, 1, Infinity]) {
    const atan2 = Math.atan2(y, x);
    const atan = Math.atan(y / x);
    if (!Object.is(atan2, atan)) {
      console.log(format`| ${x} | ${y} | ${atan2} | ${atan} |`);
    }
  }
}

Kết quả xuất ra:

| x     | y     | atan2 | atan  |
|-------|-------|-------|-------|
| -∞    | -∞    | -3π/4 | NaN   |
| -∞    | -1    | -π    | 0     |
| -∞    | -0    | -π    | 0     |
| -∞    | 0     | π     | -0    |
| -∞    | 1     | π     | -0    |
| -∞    | ∞     | 3π/4  | NaN   |
| -1    | -∞    | -π/2  | π/2   |
| -1    | -1    | -3π/4 | π/4   |
| -1    | -0    | -π    | 0     |
| -1    | 0     | π     | -0    |
| -1    | 1     | 3π/4  | -π/4  |
| -1    | ∞     | π/2   | -π/2  |
| -0    | -∞    | -π/2  | π/2   |
| -0    | -1    | -π/2  | π/2   |
| -0    | -0    | -π    | NaN   |
| -0    | 0     | π     | NaN   |
| -0    | 1     | π/2   | -π/2  |
| -0    | ∞     | π/2   | -π/2  |
| 0     | -0    | -0    | NaN   |
| 0     | 0     | 0     | NaN   |
| ∞     | -∞    | -π/4  | NaN   |
| ∞     | ∞     | π/4   | NaN   |

Đặc tả kỹ thuật

Tương thích trình duyệt

Xem thêm

• Math.acos()
• Math.asin()
• Math.atan()
• Math.cos()
• Math.sin()
• Math.tan()
• CSS atan2() function