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( ...
随机推荐
- 题解【洛谷P5436】【XR-2】缘分
题目背景 世间万物都置身于缘分编织的大网中.缘分未到,虽历经千劫,却不能相遇.缘分到了,在草原上都能等到一艘船.--<一禅小和尚> 题目描述 一禅希望知道他和师父之间的缘分大小.可是如何才 ...
- 502,csssprite是什么，有什么优缺点
(百科:csssprite是一种网页图片应用处理方式,国内常叫css精灵.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢 ...
- js的基本分类（0.1）
js分内嵌,内联,外部样式表三种, js的组成分,ES(变量,函数,对象,数组,判断,循环),BOM(浏览器对象模型),DOM(文档对象模型), js的五种输出语句,alert(警告框),confir ...
- vtk学习记录（一）——vtk工程配置与生成
前言 图形图像这块儿,最近因为工作需要接触的相对多了点儿,精力基本上也都投入了这块儿,搞的天天要死要活,毕竟我一个.net的突然来到cxx的世界,也是很苦恼的,也是头一次见到新建工程就需要配置并且解决 ...
- .NET基础拾遗（1）类型语法基础和内存管理基础【转】
http://www.cnblogs.com/edisonchou/p/4787775.html Index : (1)类型语法.内存管理和垃圾回收基础 (2)面向对象的实现和异常的处理 (3)字符串 ...
- Flask 学习之 路由
一．路由的基本定义 # 指定访问路径为 demo1 @app.route('/demo1') def demo1(): return 'demo1' 二．常用路由设置方式 @app.route('/u ...
- vue卸载与安装+vue创建项目
vue卸载 npm uninstall -g vue-cli npm install -g @vue/cli 和 npm install -g @vue/cli-init 命令安装新版本vue-cli ...
- 关于pgsql 的json 和jsonb 的数据查询操作笔记整理
关于pgsql 的json 和jsonb 的数据处理笔记 1. json 和jsonb 区别两者从用户操作的角度来说没有区别,区别主要是存储和读取的系统处理(预处理)和耗时方面有区别.json写入快, ...
- 科技股 - 5G、芯片、半导体 细分龙头
5G.芯片.半导体 细分龙头 来源:头条-南山话投资 1.射频芯片:卓胜微 2.存储芯片设计:兆易创新 3.GPU:景嘉微 4.模拟电路芯片:圣邦股份 5.半导体分立器件:扬杰科技 6.晶圆代工:中芯 ...
- ajax请求ashx跨域问题解决办法
ajax请求ashx跨域问题解决办法 https://blog.csdn.net/windowsliusheng/article/details/51583566 翻译windowsliusheng ...