JSON和Object Literal Notation有什么区别？

Question

有人能告诉我使用"Object Literal Notation"和JSON对象定义的JavaScript对象之间的主要区别是什么？

根据一本JavaScript书,它说这是一个使用Object Notation定义的对象:

var anObject = {
    property1 : true,
    showMessage : function (msg) { alert(msg) }
};

在这种情况下,为什么它不是JSON对象？仅仅因为它没有使用引号定义？

Answer 1

让我们首先澄清一下JSON究竟是什么.JSON是一种文本的,独立于语言的数据交换格式,非常类似于XML,CSV或YAML.

数据可以以多种方式存储,但如果它应存储在文本文件中并且可由计算机读取,则需要遵循一些结构.JSON是定义这种结构的众多格式之一.

这些格式通常与语言无关,这意味着它们可以通过Java,Python,JavaScript,PHP进行处理.

相比之下,JavaScript是一种编程语言.当然JavaScript也提供了一种定义/描述数据的方法,但语法非常特定于JavaScript.

作为一个反例,Python有元组的概念,它们的语法是(x, y).JavaScript没有这样的东西.

让我们看看JSON和JavaScript对象文字之间的语法差异.

JSON具有以下语法约束:

• 对象键必须是字符串(即用双引号括起来的字符序列").
• 值可以是:
  • 一个字符串
  • 一个号码
  • 一个(JSON)对象
  • 数组
  • true
  • false
  • null
• 重复键({"foo":"bar","foo":"baz"})产生未定义的,特定于实现的结果; JSON规范没有明确定义它们的语义

在JavaScript中,对象文字可以有

• 字符串文字,数字文字或标识符名称作为键(因为ES6,现在也可以计算键,这引入了另一种语法).
• 值可以是任何有效的JavaScript表达式,包括函数定义和undefined.
• 重复键产生定义的指定结果(在松散模式下,后一个定义取代前者;在严格模式下,它是一个错误).

知道这一点,只是看一下语法,你的例子不是JSON,原因有两个:

1. 你的密钥不是字符串(文字).它们是标识符名称.
2. 您不能将函数作为值分配给"JSON对象"(因为JSON没有为函数定义任何语法).

但最重要的是,从头开始重复我的解释:您处于JavaScript环境中.您定义了一个JavaScript对象.如果有的话,"JSON对象"只能包含在字符串中:

 var obj = {foo: 42}; // creates a JavaScript object (this is *not* JSON)
 var json = '{"foo": 452}'; // creates a string containing JSON

也就是说,如果您正在编写JavaScript源代码,而不是处理字符串,那么您就不会处理JSON.也许您收到的数据是JSON(例如,通过ajax或从文件中读取),但是一旦您或您正在使用的库解析它,它就不再是JSON了.

仅因为对象文字和JSON看起来相似,并不意味着您可以互换地命名它们.另请参见"JSON对象"之类的东西.

Answer 2

JSON的语法有限,包括:

• 必须引用键值
• 字符串必须引用"而不是引用'
• 您有一个更有限的值范围(例如,不允许任何功能)

Answer 3

实际上没有"JSON对象"这样的东西.

JSON规范是将数据编码为字符串的语法.人们称之为"JSON对象"(在javascript中)实际上只是一个普通的javascript对象,它(可能)已经从有效的JSON字符串反序列化,并且可以很容易地重新序列化为有效的JSON字符串.这通常意味着它只包含数据(而不是函数).这也意味着没有日期,因为JSON没有日期类型(可能是关于JSON最痛苦的事情;)

此外,(侧面咆哮...)当人们谈论"JSON对象"时,他们几乎总是指在顶层有"花括号"的数据.这很好地对应于javascript对象.但是,JSON规范不要求在JSON字符串的顶层有一个"花括号"对象.在顶层有一个列表,甚至只有一个值,这是完全有效的JSON.因此,虽然每个"JSON对象"对应于有效的JSON,但并非所有有效的JSON字符串都对应于我们称之为"JSON对象"的内容!(因为字符串可以表示列表或原子值)

Answer 4

根据JavaScript中的JSON,

JSON是JavaScript的对象文字符号的子集.

换句话说,有效的JSON也是有效的JavaScript对象文字符号,但不一定是相反的方式.

除了阅读文档,正如@Filix King建议的那样,我还建议使用JSONLint在线JSON验证器.这就是我如何知道JSON对象的键必须是字符串.

Answer 5

JSON：XML 的无脂肪替代品

JSON 已被人们广泛采用，他们发现它使生成分布式应用程序和服务变得更加容易。JSON 的官方 Internet 媒体类型是application/json RFC 4627. JSON 文件名使用扩展名.json.

? JavaScript Object Notation ( JSON) 是一种轻量级、基于文本、独立于语言的数据交换格式。JSON 已用于在以任何编程语言编写的应用程序之间交换数据。

JSON 对象是一个单一对象，它包含两个函数 parse 和 stringify，用于解析和构造 JSON 文本。

• JSON.stringify 生成符合以下 JSON 语法的字符串。
• JSON.parse 接受一个符合 JSON 语法的 String。

parseJSON 方法将包含在Fourth Edition of ECMAScript. 同时，在 json.org 上提供了 JavaScript 实现。

var objLiteral = {foo: 42}; // JavaScript Object
console.log('Object Literal : ', objLiteral ); // Object {foo: 42}foo: 42__proto__: Object

// This is a JSON String, like what you'd get back from an AJAX request.
var jsonString = '{"foo": 452}';
console.log('JOSN String : ', jsonString ); // {"foo": 452}

// This is how you deserialize that JSON String into an Object.
var serverResposnceObject = JSON.parse( jsonString );
console.log('Converting Ajax response to JavaScript Object : ', serverResposnceObject); // Object {foo: 42}foo: 42 __proto__: Object

// And this is how you serialize an Object into a JSON String.
var serverRequestJSON = JSON.stringify( objLiteral );
console.log('Reqesting server with JSON Data : ', serverRequestJSON); // '{"foo": 452}'

JSON 是 JavaScript 的子集。Javascript源自 ECMAScript 编程语言标准。

? ECMAScript

ECMAScript 已经成长为世界上使用最广泛的通用编程语言之一。它以嵌入在 Web 浏览器中的语言而闻名，但也被广泛用于服务器和嵌入式应用程序。 ECMAScript 基于几种原始技术，最著名的是JavaScript(Netscape Communications)) 和JScript(Microsoft Corporation).)。虽然在 1994 年之前，ECMA 被称为“欧洲计算机制造商协会”，但在 1994 年之后，当该组织走向全球时，由于历史原因，“商标”“Ecma”被保留了下来。

ECMAScript 是一种语言，而 JavaScript、JScript 甚至 ActionScript 被称为"Dialects".

方言起源于同一种语言。它们彼此非常相似，因为它们源自相同的语言，但它们发生了一些变化。方言是语言本身的变体。它源自单一语言。

• SQL 语言 - Hibernate MySQL 方言、Oracle 方言等，其中有一些更改或添加了功能。

有关您用户的浏览器和计算机的信息。

navigator.appName // "Netscape"

ECMAScript 是构成 JavaScript 基础的脚本语言。.JavaScript language resources

ECMA-262 Links
Initial Edition, June 1997 PDF.
2nd Edition, August 1998 PDF.
3rd Edition, December 1999 PDF.
5th Edition, December 2009 PDF.
5.1 Edition, June 2011 HTML.
6th Edition, June 2015 HTML.
7?? Edition, June 2016 HTML.
8th edition, June 2017 HTML.
9th Edition, 2018 HTML.

注意 « ECMAScript第 4 版未发布，因为工作不完整。

JSON 为结构化数据的可移植表示定义了一小组格式规则。

1. ? 键值必须用引号引起来，键只允许使用字符串。如果您使用 String 以外的其他内容，它将转换为 String。但不建议使用 String 以外的键。检查这样的例子 -{ 'key':'val' }结束RFC 4627 - jsonformatter

   var storage = {
     0 : null,
     1 : "Hello"
   };
   console.log( storage[1] ); // Hello
   console.log( JSON.stringify( storage ) ); // {"0":null,"1":"Hello","2":"world!"}
   
   var objLiteral = {'key1':'val1'};
       var arr = [10, 20], arr2 = [ 'Yash', 'Sam' ];
       var obj = { k: 'v' }, obj2 = { k2: 'v2' };
       var fun = function keyFun() {} ;
   
   objLiteral[ arr ] = 'ArrayVal';     objLiteral[ arr2 ] = 'OverridenArrayVal';
   objLiteral[ obj ] = 'ObjectVal';    objLiteral[ obj2 ] = 'OverridenObjectVal';
   objLiteral[ fun ] = 'FunctionVal';
   
   console.log( objLiteral );
   // Object {key1: "val1", 10,20: "ArrayVal", Yash,Sam: "OverridenArrayVal", [object Object]: "OverridenObjectVal", function keyFun() {}: "FunctionVal"}
   console.log( JSON.stringify( objLiteral ) );
   // {"key1":"val1","10,20":"ArrayVal","Yash,Sam":"OverridenArrayVal","[object Object]":"OverridenObjectVal","function keyFun() {}":"FunctionVal"}
   console.log( JSON.parse( JSON.stringify( objLiteral ) ) );
   // Object {key1: "val1", 10,20: "ArrayVal", Yash,Sam: "OverridenArrayVal", [object Object]: "OverridenObjectVal", function keyFun() {}: "FunctionVal"}
   
   console.log('Accessing Array  Val : ', objLiteral[ [10,20] ] );
   console.log('Accessing Object Val : ', objLiteral[ '[object Object]' ] );
   console.log('Accessing Function Val : ', objLiteral[ 'function keyFun() {}' ] );
   

2. ? JSON 字符串必须用 " 而不是 ' 引用。字符串非常类似于 C 或 Java 字符串。字符串应该用双引号括起来。

   • 文字是您在脚本中提供的固定值，而不是变量。
   • 字符串是用反斜杠转义的引号包裹的零个或多个字符的序列，这与大多数编程语言中使用的符号相同。
     • - 字符串中允许使用特殊符号，但不建议使用。
     • \" - 可以转义特殊字符。但不建议转义 (') 单引号。在严格模式下，它会抛出错误 - SyntaxError: Unexpected token ' in JSON

   { "Hai\" \n Team ":5, "Bye \'": 7 }通过在线 JSON 版本检查此代码。ModesnotStrict,Strinct.

   var jsonString = "{'foo': 452}"; // {'foo': 452}
   var jsonStr = '{"foo": 452}'; // {"foo": 452}
   
   JSON.parse( jsonString ); // Unexpected token ' in JSON at position 1(…)
   JSON.parse( jsonStr ); // Object {foo: 452}
   
   objLiteral['key'] = 'val'; // Object {foo: 42, key: "val"}
   objLiteral.key2 = 'val';
   
   // objLiteral.key\n3 - SyntaxError: Invalid or unexpected token
   objLiteral['key\n3'] = 'val'; // Object {"foo": "42", key: "val", key2: "val", "key?3": "val"}
   
   JSON.stringify( objLiteral ); // {"foo":"42","key":"val","key2":"val","key\n3":"val"}
   

对象属性 访问器通过使用点表示法或括号表示法提供对对象属性的访问。

3. ? 您的值范围更有限（例如，不允许使用任何函数）。值可以是双引号中的字符串、数字、布尔值、空值、对象或数组。这些结构可以嵌套。

   var objLiteral = {};
   objLiteral.funKey = function sayHello() {
       console.log('Object Key with function as value - Its outcome message.');
   };
   
   objLiteral['Key'] = 'Val';
   
   console.log('Object Literal Fun : ', objLiteral );
   // Object Literal Fun :  Object {Key: "Val"}Key: "Val"funKey: sayHello()__proto__: Object
   console.log( JSON.stringify( objLiteral ) ); // {"Key":"Val"}
   

? JavaScript是 ECMAScript 标准最流行的实现。Javascript 的核心功能基于 ECMAScript 标准，但 Javascript 还具有 ECMA 规范/标准中没有的其他附加功能。每个浏览器都有一个 JavaScript 解释器。

JavaScript 是一种动态类型语言。这意味着您不必在声明变量时指定其数据类型，并且在脚本执行过程中会根据需要自动转换数据类型。

Literals ：

'37' - 7    // 30
'37' + 7    // "377"
+'37' + 7   // 44
+'37'       // 37
'37'        // "37"

parseInt('37');     // 37
parseInt('3.7');    // 3

parseFloat(3.7);    // 3.7

// An alternative method of retrieving a number from a string is with the + (unary plus) operator:
+'3.7'              // 3.7

Object literals RFC 7159

对象结构表示为一对大括号，围绕零个或多个名称/值对（或成员）。名称是一个字符串。每个名称后面都有一个冒号，将名称与值分开。单个逗号将值与以下名称分开。对象内的名称应该是唯一的。

ECMAScript 支持基于原型的继承。每个构造函数都有一个关联的原型，并且由该构造函数创建的每个对象都有一个对其构造函数关联的原型（称为对象的原型）的隐式引用。此外，原型可能具有对其原型的非空隐式引用，依此类推；这称为原型链。

在基于类的面向对象语言中，一般情况下，状态由实例承载，方法由类承载，继承只有结构和行为。在 ECMAScript 中，状态和方法由对象承载，结构、行为和状态都是继承的。

原型是用于在 ECMAScript 中实现结构、状态和行为继承的对象。当构造函数创建对象时，该对象隐式引用构造函数的关联原型以解析属性引用。构造函数的关联原型可以被程序表达式constructor.prototype 引用，并且添加到对象原型的属性通过继承被共享原型的所有对象共享。