Javascript 相机切换不切换

Question

我希望将相机(facingMode)从user 切换到environment。从 front 从 true 切换到 false 的意义上来说，切换似乎是有效的。但是，constraints 中的facingMode 仍然是environment。

我忽略了什么？

代码笔:https://codepen.io/abenjamin/pen/qYWeXj?editors=1111

var front = false;
document.getElementById('cameraToggle').onclick = function() { front = !front; console.log(constraints) };

var constraints = { video: { facingMode: (front? "user" : "environment") } };

Answer 1

你在代码笔中重复了这行两次，一次在顶部，一次在底部:

document.getElementById('cameraToggle').onclick = function() { front = !front; console.log(constraints) };

另一个问题是原语被值引用。如果你有 let x = 3; const obj = { x }; x = 4;，对象不会改变——它会继续是{ x: 3 }。

您需要做的是更新约束对象本身，然后继续执行您需要对变异对象执行的任何操作。例如:

document.getElementById('cameraToggle').onclick = function() {
  front = !front;
  constraints.video.facingMode = front
    ? "user"
    : "environment";
  // interact with the mutated `constraints` object if needed
};