JavaScript判断一点是否在一条射线的左边

可以通过以下代码实现 JavaScript 判断一点是否在一条射线的左边：

function isPointOnLeftOfRay(point, rayStart, rayDirection) {
  const a = { x: point.x - rayStart.x, y: point.y - rayStart.y };
  const b = { x: rayDirection.x, y: rayDirection.y };
  return a.x * b.y - a.y * b.x > 0;
}

其中，`point` 表示待判断的点，`rayStart` 表示射线的起点，`rayDirection` 表示射线的方向向量，均为包含 `x` 和 `y` 坐标的对象。函数返回值为 `true` 表示点在射线左侧，返回值为 `false` 表示点在射线右侧或在射线上。

具体实现中，先将点 $P$ 和点 $P_0$ 的坐标相减得到向量 $\vec{a}$，然后将射线方向向量 $\vec{v}$ 和 $\vec{a}$ 的 $z$ 坐标设为 $0$，计算二维向量的叉积，即 $(\vec{v} \times \vec{a})_z = v_x a_y - v_y a_x$，如果结果大于 $0$，则点在射线左侧，返回 `true`，否则返回 `false`。

相关问题

JavaScript 判断一个div是否在可视区域内

可以使用以下代码判断一个 div 是否在可视区域内：

function isElementInViewport(el) {
    var rect = el.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
}

var myDiv = document.getElementById('myDiv');
if (isElementInViewport(myDiv)) {
    console.log('Div is in viewport!');
} else {
    console.log('Div is not in viewport!');
}

这个函数会返回一个布尔值，表示元素是否在视口内。它使用 getBoundingClientRect() 方法来获取元素相对于视口的位置和大小，然后比较它们与视口的边界。如果元素的顶部和左侧都在视口内，且底部和右侧都不超出视口，那么它就在视口内。

在javascript中如何判断一个变量的数据类型

在 JavaScript 中，可以使用 `typeof` 运算符来判断一个变量的数据类型。这个运算符会返回一个字符串，表示变量的数据类型。常见的数据类型有：

- `"undefined"`：表示变量未定义。
- `"boolean"`：表示变量是布尔类型。
- `"number"`：表示变量是数值类型。
- `"string"`：表示变量是字符串类型。
- `"symbol"`：表示变量是 ES6 中新增的 Symbol 类型。
- `"function"`：表示变量是函数类型。
- `"object"`：表示变量是对象类型（包括数组、null 等）。

例如：

let a = 1;
console.log(typeof a); // 输出 "number"

let b = "hello";
console.log(typeof b); // 输出 "string"

let c = true;
console.log(typeof c); // 输出 "boolean"

let d = {};
console.log(typeof d); // 输出 "object"

let e = null;
console.log(typeof e); // 输出 "object"

需要注意的是，`typeof null` 返回的是 `"object"`，这是 JavaScript 的一个历史遗留问题。如果需要判断一个变量是否为 null，可以使用 `===` 运算符，例如 `a === null`。