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代码规范

JSON：JavaScript Object Notation JS对象简谱

JavaScript:void(0)：

JavaScript代码规范：

猜你喜欢