JSON:JavaScript Object Notation   JS对象简谱

  • 一种轻量级的数据交换格式,用于存储和传输数据的格式,通常用于服务端向网页传递数据
  • 是独立的语言,易于理解

JSON语法规则:

  • 数据为键/值对,一个名称对应一个值。
  • 数据以逗号分隔
  • 大括号保存对象,中括号保存数组键值对

示例:JSON语法定义employees对象

{"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}

JavaScript与JSON转换:

使用JavaScript内置函数JSON.parse()将字符串转换为JavaScript对象

var obj = JSON.parse(text);

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body> <h2>为 JSON 字符串创建对象</h2>
<p id="demo"></p>
<script type="text/javascript" charset="utf-8"> var text = '{"employees":[' +
'{"firstName":"na","lastName":"naa"},' +
'{"firstName":"nb","lastName":"nbb"},' +
'{"firstName":"nc","lastName":"ncc"}]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName; </script>
</body>
</html>

JavaScript:void(0):

计算一个表达式但是不返回值,但是void里面的语句会执行

<a href="javascript:void(0)">单击此处什么也不会发生</a>

href="#"与href="javascript:void(0)的区别:

#包含了一个位置信息,默认的锚点是#top

JavaScript代码规范:

代码规范通常包含以下方面:

  • 变量和函数的命名规则
  • 空格,缩进,注释的使用规则
  • 其他常用规范

变量名:驼峰法(camelCase)

  • JavaScript变量名可以使数字、字母、下划线、美元符,但不能以数字开头
  • JavaScript应该区分大小写,长度尽可能短并且抓住压要点、体现出值的类型,即变量名应该是有意义的
  • JavaScript变量名不能为保留字、关键词全名

代码缩进:一般为4个空格符号

语句规则 :

  • 通常以分号作为结束符
  • 左大括号放在第一行结尾,并且前面应该添加一个空格
  • 右花括号独立放在一行

行代码字符量:

建议每行字符小于80个

5 JSON&与JavaScript转换&JavaScript:void(0)&JavaScript代码规范的更多相关文章

  1. 区别:javascript:void(0);javascript:;

    2015-07~2015-08 区别:javascript:void(0);javascript:; href="#",包含了一个位置信息.默认的锚是#top,也就是网页的上端. ...

  2. javascript中argument1 === void 0的意思

    今天看代码时看到 if (argument1 === void 0 || typeof argument1 === 'object') { 啥意思? 概述 void 运算符会对它的操作数表达式进行求值 ...

  3. JavaScript基础1228JavaScript:void(0)开始----

    JavaScript:void(0)含义 JavaScript:void(0)含义 我们经常会使用到JavaScript:void(0)这样的代码,那么在JavaScript中JavaScript:v ...

  4. JavaScript必备:Google发布的JS代码规范(转)

    [翻译]关于Google发布的JS代码规范,你需要了解什么? 翻译 | WhiteYin 译文 | https://github.com/WhiteYin/translation/issues/10 ...

  5. href="javascript:void(0)"

    javascript:是伪协议,表示url的内容通过javascript执行.void(0)表示不作任何操作,这样会防止链接跳转到其他页面.这么做往往是为了保留链接的样式,但不让链接执行实际操作,具体 ...

  6. 浅谈href=#与href=javascript:void(0)的区别

    #"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而 ...

  7. javascript:void(0); 是什么意思

    javascript:void(0); 是什么意思.. ------------------------------------------------- 常常在百度云网页版下载东西的时候网页的左下角 ...

  8. href="javascript:void(0)" 的用法

    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=” ...

  9. 为什么要使用href=”javascript:void(0);”

    为什么要使用href=”javascript:void(0);”   href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void( ...

随机推荐

  1. Linux 下使用 ffmpeg 大批量合并 ts 文件, mp4切割文件为m3u8

    见范例 ffmpeg -i "concat:file001.ts|file002.ts|file003.ts|file004.ts......n.ts" -acodec copy ...

  2. Go并发介绍

    1. 进程.线程.协程 进程(Process),线程(Thread),协程(Coroutine,也叫轻量级线程) 进程 进程是一个程序在一个数据集中的一次动态执行过程,可以简单理解为“正在执行的程序” ...

  3. 谷歌play上APK的下载

    https://apkcombo.com/tw-hk/ 在google搜索 APK DOWNLAOD就有专门下载谷歌PLAY的APK的

  4. 如何处理 Web 图片优化?

    未优化的图片是影响网站性能的主要因素之一,尤其会影响初次加载.取决于图像的分辨率和画质,图片可能占据整个网站流量的 70%. 生产环境出现未优化的图片并显著影响初次加载速度的现象还是挺常见的.缺乏经验 ...

  5. CentOS7.6配置ip

    查看CentOS版本信息 [root@localhost ~]# cat /etc/redhat-release CentOS Linux release (Core) 配置ip [root@loca ...

  6. lintcode算法周竞赛

    ------------------------------------------------------------第七周:Follow up question 1,寻找峰值 寻找峰值 描述 笔记 ...

  7. dp(武功秘籍)

    众所周知,太吾绘卷是非常爱(niu)你(bi)的国产武侠游戏,里面有一个继承系统,当你死后可以在你的子孙中挑选一个继承人,用他的人物继续进行游戏.当你挑选继承人的时候一定会挑选能力最强,天赋最高的那一 ...

  8. 带你了解MyBatis一二级缓存

    在对数据库进行噼里啪啦的查询时,可能存在多次使用相同的SQL语句去查询数据库,并且结果可能还一样,这时,如果不采取一些措施,每次都从数据库查询,会造成一定资源的浪费,所以Mybatis中提供了一级缓存 ...

  9. Java后台技术(TDDL)

    从PC客户端开发转项目经理已经有一段时间了,感觉还不错,平安这边的项目经理还需要对外,所以部门其他项目经理经常需要出差去见客户,我专门对内,部门所有的开发和测试每天做什么.接下来做什么我都必须了解,部 ...

  10. Python:字典类型

    概念 无序的,可变的,键值对集合 定义 方式1 {key1: value1, key2: value2, ......} 方式2 fromkeys(S, v=None) 静态方法:类和对象都可以调用 ...