Question

下面的JavaScript代码是否有适当的变量声明，或者任何其他方式来定义它？我可以知道这种变量声明的方法吗？

var JQFUNCS = {
  runFunc: {
    "jsonp": {
      run: function (id) {
        var demobox = $('#' + id);
        demobox.html('<img id="loading" src="images/loading.gif" />');
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", {
          tags: "jquery",
          tagmode: "any",
          format: "json"
        }, function (data) {
          demobox.empty();
          $.each(data.items, function (i, item) {
            demobox.append('<a href="' + item.link + '" target="_blank"><img style="max-width:150px;" src="' + item.media.m + '" alt="' + item.title + '" title="' + item.title + '" />');
            if (i == 10) return false;
          });
          $('#' + id + ' #loading').hide();
        });
      },
      reset: function (id) {
        $('#' + id).empty().hide();
      }
    }
  }
}

Answer 1

这种变量声明方法称为Object Literal。

var objectLiteral = {
   propertyOne: 1,

   functionTwo: function() {
      return 2;
   }
};

用途：非常适合以更传统的方式封装属于一起的数据和功能。防止将全局命名空间与重复的变量名称混为一谈。除非您使用对象复制设备，否则仅提供该对象的一个实例。

您还可以使用函数声明：

function funcDeclaration() {
   this.propertyOne = 1;

   this.functionTwo = function() {
      return 2;
   }
}
var obj = new funcDeclaration();

使用：允许实例化对象，非常类似于类。具有对象文字的所有灵活性加上一些。

这里没有正确或错误的答案。其中一些是情况，惯例或偏好。

哎呀你甚至可以将这两者结合起来，并且通过使用自执行函数（如果你试图模拟可见性修饰符）变得非常棘手：

var objectLiteral = (function() {
    //currently within a self-executing function, syntax allows this

    var privatePropertyOne = 1;
    function privateFunctionTwo() { //yes, functions can contain other functions
        return 2;
    }

    //the self-executing function returns and object literal that contains references to the privately scoped items defined above.
    return {
        PropertyOne: function() { return privatePropertyOne; },
        FunctionTwo: privateFunctionTwo
    };  
})();

使用：专业和乐趣。 = P不一定是可读的，肯定会让任何新手javascript开发人员大开眼界。

正确定义javascript变量的方法？

1 个答案: