hey,guys~~
那么还是继续上次的话题,我们如何将原始的JavaScript简化呢?使用JSON吧
使用JSON
JSON是语言的一个核心特征,提供了一种创建数组和对象图(object graph)的简单机制。
Array类(JavaScript内建),使用new关键字初始化:
myLibrary.books = new Array();
可以像传统的C或Java数组:
myLibrary.book[4] = somePredefinedBook;
也可以使用键值关联,类似Java的Map或者Python的Dictionary:
myLibrary.books[“bestSeller”] = somePredefinedBook;
一个数组的快捷方法是像这样:
myLibrary.books = [ predefinedBook1, predefinedBook2, predefinedBook3 ];
创建JavaScript对象,我们可以使用花括号,将每个值写成“键:值”对的形式(此处的键就是所谓创建的对象):
myLibrary.books =
{
bestSeller : predefinedBook1,
cookbBook : predefinedBook2,
spaceFiller : predefinedBook3
};
注:bestSeller相当于可以使用”best Seller”表示。
可以通过JSON符号来创建复杂对象层次的单行定义(虽然会是很长的一行):
var myLibrary =
{
location : “my house”, /* myLibrary.location = “my house” */
keywords : [“root vegetables”, “turnip”, “tedium” ], /* myLibrary.keywords[0] = “root vegetables”,myLibrary.keywords[1] = “turnip”,myLibrary.keywords[2] = “tedium” */
books: [
{
title : “…………”, /*myLibrary.books[0].title = “…………”*/
authors : [ /*myLibrary.books[0].authors[0].name=”A B”*/
{ name : “A B”, age : 9 },
{ name : “C D”, age : 312 }
],
publicationDate : “long ago”
},
{
title : “…………”,
authors : [ /*myLibrary.books[1].authors[0].name=”E F”*/
{ name : “E F”, age : 35 }
],
publicationDate : new Date(1605,11,05) /*可以使用任何代码赋值*/
}
]
};
JSON 为我们提供了简练的机制来以单一的途径创建这些信息,否则就会话费很多行代码(以及更多的宽带)。
为使用JSON创建的对象定义成员函数:
var turnipVol2 =
{
summarize : function(len) /*turnipVol2.summarize = function(len)*/
{
…………
}
};
…
turnipVol2.summarize(6); /*调用该对象函数*/
注:一旦对象创建了,它仅仅是另外一个JavaScript对象,只要我们喜欢,可以混合和匹配使用JavaScript和JSON符号。
如下为混合使用情况:
var Numbers = { one : 1, two : 2, three : 3};
number.five = 5;
可以使用JSON语法来定义一个对象,然后使用普通的JavaScript添加属性。同样的,可以使用JSON扩展JavaScript所创建的对象:
var cookbook = new Object();
cookbook.pageCount = 321;
cookbook.author =
{
firstName : “harry”,
birthdate : new Date(1900,2,29),
interests : [“cheese” , “whistling”]
};
最后总结下:通过内建的JavaScript Object 和 Array类以及JSON符号,可以创建我们喜欢的任意复杂的对象层次,我们不再需要其他任何东西。JavaScript也提供了创建对象的方法,为面向对象程序员提供了令人舒适的类定义的相似性,那下一篇就会开始介绍它到底给我们提供了什么。
好吧,各位,大象等着我,我和我的朋友们还有很多事要做,下次再见吧~~
分享到:
相关推荐
个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...
### JavaScript学习笔记 #### 1. JavaScript简介 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。作为一种动态、弱类型、基于原型的语言,JavaScript内置支持类的概念。JavaScript引擎作为...
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...
### JavaScript学习笔记精要 #### JavaScript简介 JavaScript是一种强大的、多用途的脚本语言,用于增强网站的交互性和用户体验。它是由Netscape公司的Brendan Eich在1995年发明的,并且迅速成为了Web开发的标准之...
这份"javascript入门学习笔记"旨在为初学者提供一个全面且深入的JavaScript学习路径。 一、基础语法 JavaScript的基础包括变量、数据类型、操作符、流程控制等。变量用于存储数据,数据类型分为基本类型(如字符串...
本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...
这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础知识,旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据。...
这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...
Javascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript...
JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...
JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...
前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar ...
2. 安全性:JavaScript不允许直接访问本地文件系统,以保护用户数据安全。 3. 跨平台性:JavaScript可以在任何支持它的浏览器上运行,不受操作系统限制。 JavaScript与Java虽然名字相似,但两者是完全不同的语言。...