如何创建自己的JavaScript对象？

Question

如何创建自己的JavaScript对象以及如何检查页面中是否存在自定义对象？

使用普通JS文件调用JavaScript函数和创建自定义JavaScript对象之间有什么区别？

例如：
我们可以使用以下JavaScript代码检查Jquery对象：

if(window.Jquery != 'undefined'){
    // Jquery Object is Present
}

Answer 1

您可以这样创建JavaScript对象/命名空间：

var FooQuery = {
  hello: function() { alert('hello') }
};

FooQuery.hello(); // alerts "hello"

或这样（具有FooQuery实例）：

function FooQuery() {
  this.hello = function() { alert('hello') };
}

new FooQuery().hello(); // alerts "hello"

或像这样：

function FooQuery() {}
FooQuery.prototype.hello = function() { alert('hello') };

new FooQuery().hello(); // alerts "hello"

您检查是否可用像这样：

if(window.FooQuery) { /* ... */ }

或像这样：

if(typeof window.FooQuery !== 'undefined') { /* ... */ }

Answer 2

如何创建自己的JavaScript对象

var foo = {};

以及如何检查页面中是否存在自定义对象？

如果（foo）{/ *…* /}

使用普通JS文件调用JavaScript函数和创建自定义JavaScript对象之间有什么区别？

函数不能“调用文件”。 它可以动态生成具有src属性的HTML脚本元素，并将其附加到页面。 这将导致资源正常加载。

我们可以使用以下JavaScript代码检查Jquery对象：

否。这将进行测试以确保无论window.Jquery是什么，它都不是具有“ undefined”值的字符串。

Answer 3

您可以创建自己的JavaScript对象，如下所示。

<script type="text/javascript">
objPerson    =    new Object();
objPerson.fname    =    "Milap";
objPerson.lname    =    "Patel";
objPerson.age    =    "24";
document.write(objPerson.age);
</script>

objectname = new Object（）; 将创建名为“ objectname”的JavaScript对象。

fname和lname是方法，我们可以将值赋给对象objPerson.age =“ 24”;

Answer 4

您可以使用JSON创建JS对象：

var someObject = {
    property1: 'my first property',
    property2: 'my second property',
    property3: 12345,
    property4: ['first list item','second list item']
};

使用Dojo，您可以创建一个对象，如下所示：

dojo.declare('gumbo.objects.first',null,{
    property1: 'my first property',
    property2: 'my second property'
});

还有许多其他方式可以执行此操作，这都取决于您的喜好以及所使用的库。