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个