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. 511,display:inline-block什么时候不会显示间隙？

    (百科: 在CSS布局中,如果我们想要将一些元素在同一行显示,其中的一种方法就是把要同行显示的元素设置display属性为inline-block,但是你会发现这些同行显示的inline-block元 ...

  2. 数据提取之JSON与JsonPATH

    数据提取之JSON与JsonPATH JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它使得人们很容易的进行阅读和编写.同时也方便了机器进行解析和生成.适 ...

  3. 问题：宿主机访问不到虚拟机内的docker容器

    问题描述:初学Docker,主机Windows 10,虚拟机Cent OS7 运行了一个docker容器(Tomcat7),宿主机无法访问容器运行的服务. 问题原因:宿主机无法访问docker容器ip ...

  4. awk函数实现将点分式形式的掩码转换为十进制形式的掩码

    在用awk处理文本时,需要将源数据为点分式形式的掩码转换为十进制形式的掩码,下边的函数可简单实现: 转换功能函数cdr2mask function cdr2mask(mask_point) { num ...

  5. 如何用纯代码实现图片CSS3

    在刷面试题的时候刷到2015阿里巴巴的,如何用代码实现下面的图形. <div class="main"> <h1>图片图标-一个标签实现</h1> ...

  6. 激活windows系统

    1.下载KMS 2.如图所示,双击KMSpico看是否正常运行 3.双击KMSpico正常后出现以下界面 4.点击红色按钮 5.等自动退出就是激活成功,大概半年需要激活一次

  7. 在服务器CentOS7版本安装Nginx

    简介 经常用使用Nginx来部署我们的网站,我的服务器是CentOS7.我不喜欢使用下载一个Nginx解压包然后解压的那种,我喜欢下面的这种. 安装 yum包管理工具是不带nginx,所以得先添加,在 ...

  8. acm数论之旅--组合数（转载）

    随笔 - 20  文章 - 0  评论 - 73 ACM数论之旅8---组合数(组合大法好(,,• ₃ •,,) )  补充:全错排公式:https://blog.csdn.net/Carey_Lu/ ...

  9. 支付接口API

    //微信支付SDK https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1

  10. 设计模式开始--UML类之间关系表示

    平常写代码写的比较多,没有从架构的层次了解类与类之间的关系,下面就从代码的层面论述UML中类与类质之间的关系 实线的关系要强于虚线 1.extends 表示继承 2.implements表示实现 3. ...