JSON和传统语法的区别如下(Javascript)

传统的

 function Employee(name, Id, Phone, email){

      this.name = name;
      this.Id = Id;
      this.Phone = Phone;
      this.email = email;
  }

  //access or call it as 

var Emp = new Employee("mike","123","9373849784","mike.Anderson@office.com");

用JSON

如果我们使用JSON，我们可以用不同的方式定义

  function Employee(args){

   this.name = args.name;
   this.Id = args.Id;
   this.Phone = args.Phone;
   this.email = args.email;
}

//now access this as...

var Emp = new Employee({'name':'Mike', 'Id':'123', 'Phone':'23792747', 'email':'mike.adnersone@office.com'});

我们必须记住的重要事情是，如果我们必须用100个元素构建“Employee”类或模态，而不使用JSON方法，我们必须在创建类时解析所有内容。但是使用JSON，我们只能在定义类的新对象时内联定义对象。

下面这一行是JSON的处理方式(只是一种简单的定义方式)

 var Emp = new Employee({'name':'Mike', 'Id':'123', 'Phone':'23792747', 'email':'mike.adnersone@office.com'});

JSON格式通常用于通过网络连接序列化和传输结构化数据。它主要用于在服务器和web应用程序之间传输数据，作为XML的替代方案。

简而言之，它是一种用于传递数据的脚本符号。在某些方面，它是XML的替代方案，本机支持基本数据类型、数组和关联数组(名称-值对，称为对象，因为这是它们所表示的内容)。

该语法用于JavaScript, JSON本身代表“JavaScript对象表示法”。然而，它已经变得可移植，并在其他语言中使用。

这里有一个有用的详细链接:

http://secretgeek.net/json_3mins.asp

JSON (JavaScript对象表示法)是一种用于数据交换的轻量级格式。它基于JavaScript语言的一个子集(在JavaScript中构建对象的方式)。正如MDN中所述，有些JavaScript不是JSON，有些JSON也不是JavaScript。

使用这种方法的一个例子是web服务响应。在过去，web服务使用XML作为传输回数据的主要数据格式，但自从JSON出现以来(JSON格式由Douglas Crockford在RFC 4627中指定)，它已经成为首选格式，因为它更轻量级

您可以在官方JSON网站上找到更多信息。

JSON构建在两个结构上:

名称/值对的集合。在各种语言中，这可以实现为对象、记录、结构、字典、散列表、键控列表或关联数组。 一个有序的值列表。在大多数语言中，这是通过数组、向量、列表或序列来实现的。

---

JSON结构

下面是一个JSON数据的例子:

{
     "firstName": "John",
     "lastName": "Smith",
     "address": {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": 10021
     },
     "phoneNumbers": [
         "212 555-1234",
         "646 555-4567"
     ]
 }

---

JavaScript JSON

JSON(在Javascript中)是一个字符串!

人们通常认为所有Javascript对象都是JSON，并且JSON是Javascript对象。这是不正确的。

在Javascript中var x = {x:y}不是JSON，这是一个Javascript对象。这两者不是一回事。JSON的等效值(用Javascript语言表示)是var x = '{"x":"y"}'。X是一个字符串类型的对象，而不是它本身的对象。要把它变成一个完全成熟的Javascript对象，你必须首先解析它，var x = JSON.parse('{"x":"y"}');， x现在是一个对象，但这不再是JSON。

参见Javascript对象Vs JSON

---

当使用JSON和JavaScript时，你可能会尝试使用eval函数来计算回调返回的结果，但不建议这样做，因为在JSON中有两个字符(U+2028和U+2029)有效，而在JavaScript中无效(在这里阅读更多)。

因此，在计算JSON之前，必须总是尝试使用Crockford的脚本来检查有效的JSON。在这里可以找到脚本解释的链接，这里是到js文件的直接链接。现在每个主流浏览器都有自己的实现。

关于如何使用JSON解析器的例子(使用上面代码片段中的JSON):

//The callback function that will be executed once data is received from the server
var callback = function (result) {
    var johnny = JSON.parse(result);
    //Now, the variable 'johnny' is an object that contains all of the properties 
    //from the above code snippet (the json example)
    alert(johnny.firstName + ' ' + johnny.lastName); //Will alert 'John Smith'
};

JSON解析器还提供了另一种非常有用的方法stringify。该方法接受一个JavaScript对象作为参数，并输出一个JSON格式的字符串。当你想将数据发送回服务器时，这很有用:

var anObject = {name: "Andreas", surname : "Grech", age : 20};
var jsonFormat = JSON.stringify(anObject);
//The above method will output this: {"name":"Andreas","surname":"Grech","age":20}

上面的两个方法(parse和stringify)还带有第二个参数，这是一个函数，将在最终结果的每个级别上为每个键和值调用，每个值将被输入函数的结果替换。(更多信息请点击这里)

顺便说一句，对于那些认为JSON只是用于JavaScript的人来说，看看这篇文章，它解释并证实了这一点。

---

参考文献

JSON.org 维基百科 Json在3分钟内(谢谢mson) 在Yahoo!Web服务(感谢gljivar) JSON到CSV转换器 替代JSON到CSV转换器 JSON Lint (JSON验证器)

JSON是JavaScript对象表示法。与XML相比，它是一种更紧凑的跨网络连接传输数据集的方式。 我建议在任何类似ajax的应用程序中使用JSON，否则XML将是“推荐的”选项。XML的冗长会增加下载时间和带宽消耗($$$)。您可以使用JSON实现同样的效果，而且它的标记几乎专门用于数据本身，而不是底层结构。

简而言之，JSON是一种序列化的方式，它变成了JavaScript代码。当执行时(使用eval或其他方式)，这段代码创建并返回一个JavaScript对象，其中包含序列化的数据。这是可用的，因为JavaScript允许以下语法:

var MyArray = [ 1, 2, 3, 4]; // MyArray is now an array with 4 elements
var MyObject = {
    'StringProperty' : 'Value',
    'IntProperty' : 12,
    'ArrayProperty' : [ 1, 2, 3],
    'ObjectProperty' : { 'SubObjectProperty': 'SomeValue' }
}; // MyObject is now an object with property values set.

您可以将其用于以下几个目的。首先，这是一种将数据从服务器后端传递到JavaScript代码的舒适方式。因此，这在AJAX中经常使用。

还可以将其用作独立的序列化机制，这比XML更简单，占用的空间更少。有许多库允许您对各种编程语言的JSON对象进行序列化和反序列化。