javascript - 处理桌面和移动设备脚本初始化的最佳方法？

Question

我正在使用一个可以检测设备是否在移动设备上的平台，并且我正在使用一个js脚本，我希望在移动设备上查看时有不同的设置。我只是想问是否有什么办法可以让我做到这一点也许更简单？这是我的示例代码:

function loadKwicks(){
  function desk(){
    setTimeout(function(){
      $('.kwicks').kwicks({
        minSize: 20,
        behavior: 'menu',
        duration: 500,
        autoResize:true
      });
    },500)
  }
  function mob(){
    setTimeout(function(){
      $('.kwicks').kwicks({
        minSize: 80,
        behavior: 'menu',
        duration: 500,
        autoResize:true,
        isVertical:true
      });
    },500)
  }

  if (data.device === "mobile") {
    mob();
  } else {
    desk();  
}}

Answer 1

这是相同的......但写法不同。

function loadKwicks(){
  var mobSettings = {
    minSize: 80,
    behavior: 'menu',
    duration: 500,
    autoResize:true,
    isVertical:true
  };

  var deskSettings = {
    minSize: 20,
    behavior: 'menu',
    duration: 500,
    autoResize:true
  };

  var settings = (data.device === "mobile") ? mobSettings : deskSettings;

  setTimeout(function(){
    $('.kwicks').kwicks(settings);
  },500);
}

而且还可以再缩短一点!

function loadKwicks(){
  var settings = [
    {
      minSize: 20,      // Desktop settings
      behavior: 'menu',
      duration: 500,
      autoResize:true
    },
    {
      minSize: 80,      // Mobile settings
      behavior: 'menu',
      duration: 500,
      autoResize:true,
      isVertical:true
    }
  ];

  setTimeout(function(){
    $('.kwicks').kwicks(settings[(data.device === "mobile")?1:0]);  // True will evaluate as 1
  },500);
}