这是我参与「第四届青训营 」笔记创作活动的第3天
JavaScript是什么？
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 控制了网页的行为
JavaScript的使用
内容的JavaScript
HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。
Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。
外部的 JavaScript
脚本也可以保存在外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，需要在 <script> 标签的 "src" 属性中设置该 .js 文件：
<script src="myScript.js"></script>
JavaScript的输出
JavaScript 没有任何打印或者输出的函数。
几种输出数据的方式：
- 使用 **window.alert()** 弹出警告框。
- 使用 **document.write()** 方法将内容写到 HTML 文档中。
- 使用 **innerHTML** 写入到 HTML 元素。
- 使用 **console.log()** 写入到浏览器的控制台。
JavaScript 字面量
在编程语言中，一般固定值称为字面量。
数组（Array）字面量 定义一个数组：
[40, 100, 1, 5, 25, 10]
对象（Object）字面量 定义一个对象：
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数（Function）字面量 定义一个函数：
function myFunction(a, b) { return a * b;}
注释
单行注释
// 后跟注释。
多行注释
以 /* 开始，以 */ 结尾。
字母大小写
JavaScript 对大小写是敏感的。
命名规则
JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。
空格
JavaScript 会忽略多余的空格。一般会添加空格来提高可读性。 下面的两行代码等效：
var a="runoob";
var a = "runoob";
代码行的折行
在文本字符串中可以使用反斜杠对代码行进行换行。
document.write("你好 \
世界!");
仍显示：你好 世界!
变量
变量可以使用短名称（比如 x 和 y），或是描述性更好的名称（比如 age, sum, totalvolume）。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头（不推荐）
- 变量名称对大小写敏感（a 和 A 是不同的变量）
一条语句中声明的多个变量不可以同时赋同一个值，如: var x,y,z=1; 其中x,y 为 undefined， z 为 1。
声明变量类型
声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
访问对象属性
两种方式访问对象属性:
person.lastName;
person["lastName"];
条件运算符
voteable=(age<18)?"年龄太小":"年龄已达到";
六种数据类型
在 JavaScript 中有 6 种不同的数据类型：
- string
- number
- boolean
- object
- function
- symbol
3 种对象类型：
- Object
- Date
- Array
2 个不包含任何值的数据类型：
- null
- undefined
const 关键字
const 用法
用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改.
// 错误写法
const PI;
PI = 3.14;
// 正确写法
const PI = 3.14;
const 的本质:
const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。
但是我们不能对常量对象重新赋值。
JavaScript JSON
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。
语法规则
- 数据为 键/值 对
- 数据由逗号分隔
- 大括号保存对象
- 方括号保存数组
代码规范
变量名
变量名推荐使用驼峰法来命名。
空格与运算符
运算符 ( = + - * / ) 前后一般需要添加空格。
代码缩进
通常使用 4 个空格符号来缩进代码块。
语句规则
简单语句的通用规则:
- 一条语句通常以分号作为结束符。
复杂语句的通用规则:
- 将左花括号放在第一行的结尾。
- 左花括号前添加一空格。
- 将右花括号独立放在一行。
- 不要以分号结束一个复杂的声明。
对象规则
对象定义的规则:
- 将左花括号与类名放在同一行。
- 冒号与属性值间有个空格。
- 字符串使用双引号，数字不需要。
- 最后一个属性-值对后面不要添加逗号。
- 将右花括号独立放在一行，并以分号作为结束符号。
短的对象代码可以直接写成一行。
命名规则
一般很多代码语言的命名规则都是类似的，例如:
- 变量和函数为小驼峰法标识, 即除第一个单词之外，其他单词首字母大写（ lowerCamelCase）
- 全局变量为大写 (UPPERCASE)
- 常量 (如 PI) 为大写 (UPPERCASE )
