5 JSON&与JavaScript转换&JavaScript:void(0)&JavaScript代码规范

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代码规范的更多相关文章

区别：javascript:void(0);javascript:;
2015-07~2015-08 区别:javascript:void(0);javascript:; href="#",包含了一个位置信息.默认的锚是#top,也就是网页的上端. ...
javascript中argument1 === void 0的意思
今天看代码时看到 if (argument1 === void 0 || typeof argument1 === 'object') { 啥意思? 概述 void 运算符会对它的操作数表达式进行求值 ...
JavaScript基础1228JavaScript:void(0)开始----
JavaScript:void(0)含义 JavaScript:void(0)含义我们经常会使用到JavaScript:void(0)这样的代码,那么在JavaScript中JavaScript:v ...
JavaScript必备:Google发布的JS代码规范(转)
[翻译]关于Google发布的JS代码规范,你需要了解什么? 翻译 | WhiteYin 译文 | https://github.com/WhiteYin/translation/issues/10 ...
href="javascript:void(0)"
javascript:是伪协议,表示url的内容通过javascript执行.void(0)表示不作任何操作,这样会防止链接跳转到其他页面.这么做往往是为了保留链接的样式,但不让链接执行实际操作,具体 ...
浅谈href=#与href=javascript:void(0)的区别
#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而 ...
javascript:void(0); 是什么意思
javascript:void(0); 是什么意思.. ------------------------------------------------- 常常在百度云网页版下载东西的时候网页的左下角 ...
href="javascript:void(0)" 的用法
href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=” ...
为什么要使用href=”javascript:void(0);”
为什么要使用href=”javascript:void(0);” href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void( ...

随机推荐

163music 反爬分析
# 网易163 音乐的 mp3下载 .mp3 下载的一个API吧封 IP 的一种报错网易云就给我返回了一个{"code":-460,"msg":" ...
CSH while read
ZOJ1002 —— 深度优先搜索
ZOJ1002 —— Fire net Time Limit: 2000 ms Memory Limit: 65536 KB Suppose that we have a square city wi ...
安装nodejs时提示Leaving directory
在按照标准的编译命令./configure =>make =>make install 在make的时候发生错误: ../deps/v8/src/base/platform/mutex.h ...
ExecutorService 的Future类
1.概述在本文中,我们将了解Future.自Java 1.5以来一直存在的接口,在处理异步调用和并发处理时非常有用. 2.创建Future 简单地说,Future类表示异步计算的未来结果 - 这个结 ...
对 Element UI table中数据进行二次处理
(1)<el-table-column>标签加上 :formatter="dateFormat" <el-table-column prop="Star ...
Laravel Vuejs 实战：开发知乎（2）用户注册
1.本节需要发送验证邮件 2.教程使用SendCloud发送邮件 [我使用的是mailtrap] 3. composer require laravel/ui 安装完成后 php artisan ui ...
拥抱高通的联想，真的能靠5G突围？
编辑 | 于斌出品 | 于见(mpyujian) 2016年,对于常年自我标榜为"民族企业"的联想来说是品牌口碑的"转折之年".它在这一年的5G信道编码标准方 ...
SIMS(secondary ion mass spectroscopy)二次离子质谱
1.仪器介绍二次离子质谱(SIMS)是一种用于通过用聚焦的一次离子束溅射样品表面并收集和分析喷射的二次离子来分析固体表面和薄膜的组成的技术.SIMS是最灵敏的表面分析技术,元素检测限为百万分之几到十 ...
eclipse配置tomcat后修改server.xml文件（如编码等）无效问题
我们用eclipse配置好tomcat后,在处理中文乱码或是配置数据源时,我们要修改Tomcat下的server.xml等文件. 修改后重启Tomcat服务器时发现xml文件又被还原了. 因为Tomc ...