Javascript 如何一次性运行脚本？

假设有mob、tab和desk的点。

mob是“=768”和“1024”

当您到达选项卡时，您需要执行一次该功能，如果窗口已更改并成为一个mob，则再次需要执行一次该功能，以此类推

我这样做了

$(function() {
  var isDevice = "mob"; /* mob tab desk */

  $(window).on("resize", function() {
    var windowWidth = $(window).width();
    if (windowWidth < 768) {
      if (isDevice != "mob") {
        isDevice = "mob";
        console.log(isDevice);
      }
    } else if (windowWidth >= 768 && windowWidth < 1024) {
      if (isDevice != "tab") {
        isDevice = "tab";
        console.log(isDevice);
      }
    } else if (windowWidth >= 1024) {
      if (isDevice != "desk") {
        isDevice = "desk";
        console.log(isDevice);
      }
    }
  });
});

$（函数（）{
var isDevice=“移动”/*移动选项卡桌面*/
$（窗口）.on（“调整大小”，函数（）{
var windowWidth=$（window.width（）；
如果（窗宽<768）{
如果（isDevice！=“mob”）{
isDevice=“mob”；
console.log（isDevice）；
}
}否则如果（windowWidth>=768&&windowWidth<1024）{
如果（isDevice！=“制表符”）{
isDevice=“tab”；
console.log（isDevice）；
}
}否则如果（窗口宽度>=1024）{
如果（isDevice！=“桌面”）{
isDevice=“桌面”；
console.log（isDevice）；
}
}
});
});

这正如预期的那样有效，但也许有更好的方法来实现它

链接到。

$（函数（）{
var isDevice=“mob”/*mob选项卡桌面*/
瓦尔·多伊特；
window.onresize=函数（）{
清除超时（doit）；
doit=setTimeout（resizedw，500）；
};   
});
函数resizedw（）{
var windowWidth=$（window.width（）；
//在这里实现逻辑
}

---

这与

react.js

有什么关系？这是很好的