javascript - 如何在 JavaScript 中将常数加到 innerWidth？

Question

我试图在 JS 中对 innerWidth 和 constant numbers 求和，但浏览器只是附加这些数字，而不是计算。

奇怪的是给负值工作正常。仅当我尝试将数字求和到 innerWidth 时，浏览器才不计算。

有什么办法可以解决这个问题吗？

  Slider.prototype.sizeReseting = function(event) {
    this.frame.style.height = (window.innerWidth - '300') + 'px';
    this.frame.style.width = (window.innerWidth - '300') + 'px';
    this.film.style.height = (window.innerWidth - '400') + 'px';
    this.film.style.width = (window.innerWidth + '100') + 'px';
  }

Answer 1

因为你是concatenating strings .

在 JavaScript 中，字符串是在引号或双引号之间定义的。因此 var thing = 100; 是一个数字，而 var thing = '100'; 是一个字符串。

字符串只是一堆字符，没有数值(实际上并非如此，但为了让您轻松理解这一点)。字符串 var thing = '100'; 与字符串 var thing = 'asd'; 具有相同的数字值，后者为无。

连接两个字符串会产生连接结果，因此 "asd"+ "zxc" 会产生 "asdzxc"，就像连接两个字符串一样: "100"+ "100" 结果为 "100100"。

要使您的代码正常工作，只需删除字符串定界并对实际数字求和，如下所示:

this.film.style.width = (window.innerWidth + 100) + 'px';

请注意我是如何删除 100 周围的单引号以使其成为实际数字的。