JavaScript学习笔记_语法

学习前端知识的同时，梳理知识，也便于以后查找
tags:

字面量

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
	

输出12300000

字符串（String）字面量

可以使用单引号或双引号

表达式字面量

用于计算

<p id="demo0"></p>
	<p id="demo1"></p>
	<p id="demo2"></p>
	<p id="demo3"></p>
<script>
document.getElementById("demo0").innerHTML = 5 + 10;
	document.getElementById("demo1").innerHTML = 5 - 10;
	document.getElementById("demo2").innerHTML = 5 * 10;
	document.getElementById("demo3").innerHTML = 5 / 10;
</script>

运行结果：

其他字面量

• 数组（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使用 算术运算符 来计算值、使用赋值运算符给变量赋值。

和其他语言没有太多区别

类型	实例	描述
赋值，算术和位运算符	= + - * /	在 JS 运算符中描述
条件，比较及逻辑运算符	== != < >	在 JS 比较运算符中描述

语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。

语句是用分号分隔

关键字

JavaScript 关键字用于标识要执行的操作。

和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。

var 关键字告诉浏览器创建一个新的变量：
var x = 5 + 6;
var y = x * 10;
JavaScript 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。

以下是 JavaScript 中最​​重要的保留字（按字母顺序）

abstract	else	instanceof
boolean	enum	int
break	export	interface
byte	extends	let
case	false	long
catch	final	native
char	finally	new
class	float	null
const	for	package
continue	function	private
debugger	goto	protected
default	if	public
delete	implements	return
do	import	short
double	in	static

注释

注释是很重要的
养成一个好的习惯就是写注释。

方便你二次阅读，维护你的代码。
如果后面项目转手，也方便别人来理解你的代码和维护你的代码。

JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

• 单行注释以 // 开头。
• 多行注释以 /* 开始，以 */ 结尾

使用注释来阻止执行

在编写代码时，可以通过直接注释掉代码，来阻止其执行。

// document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";

通过注释验证浏览器是否支持 JavaScript 脚本功能

如果不能确定浏览器是否支持JavaScript脚本，那么可以应用HTML提供的注释符号进行验证。
如果在注释符号内编写 JavaScrip t脚本，对于不支持 JavaScript 的浏览器，将会把编写的 JavaScript 脚本作为注释处理。

演示demo：
使用 JavaScript 脚本在页面中输出一个字符串，将 JavaScript 脚本编写在 HTML 注释中，如果浏览器支持 JavaScript 将输出此字符串，如果不支持将不输出此字符串。

<script>
<!--
document.write("您的浏览器支持JavaScript脚本!");
<!-- 如果用户浏览器支持，则JavaScript注释将会被执行，阻止HTML注释执行 -->
//-->
</script>

注意：注释行结尾处的 // 是 JavaScript 注释符号。这可以避免 JavaScript 执行 --> 标签(HTML注释)。

在行末使用注释

var x=3;    // 声明 x 并把3 赋值给它
var y=x+4;  // 声明 y 并把 x+4 赋值给它

数据类型

JavaScript 拥有动态类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

数据类型的概念

编程语言中，数据类型是一个非常重要的内容。

为了可以操作变量，了解数据类型的概念非常重要。

如果没有使用数据类型，以下实例将无法执行

16 + "hello"

数据类型与变量介绍

• 数据类型与变量介绍

对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔

• 空格和折行无关紧要。声明可横跨多行
• 对象属性有两种寻址方式

demo：

var person={firstname:"张三", lastname:"Dog", id:65};

对象属性的两种寻址方式

name=person.lastname;
name=person["lastname"];

对象详细

JavaScript对象

函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

字母大小写

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

字符集

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符，包含标点等字符。

1. 菜鸟教程-完整Unicode参考手册

–END–