JavaScript基础

HTML 和 CSS 控制页面的内容和样式，JavaScript 则用于页面交互。
本文将介绍JavaScript的一部分基础内容。
给代码添加注释
使用 // 注释掉当前行的代码。 这是一个行内注释：

// This is an in-line comment.

也可以使用多行注释来注释你的代码，使用 /* 开始， */ 结束。 这是一个多行注释：

/* This is a
multi-line comment */

声明变量
JavaScript 提供七种不同的数据类型，它们是 undefined（未定义）、null（空）、boolean（布尔型）、string（字符串）、symbol、number（数字）、bigint（可以表示任意大的整数）和 object（对象）。
通过在变量前面使用关键字 var，声明一个变量，例如:var ourName;
在定义变量时，JavaScript严格区分大小写。
使用赋值运算符存储值

myVariable = 5;
var myVar;
myVar = 5;

理解未初始化的变量

当 JavaScript 中的变量被声明的时候，程序内部会给它一个初始值 undefined。 当你对一个值为 undefined 的变量进行运算操作的时候，算出来的结果将会是 NaN，它的意思是 “Not a Number”。 当你用一个值是 undefined 的变量来做字符串拼接操作的时候，它会转换成字符串（string）undefined。

声明字符串变量

var myName = "your name";
var n='kkkkkk';

JavaScript 中的字符串可以使用开始和结束都是同类型的单引号或双引号表示。 与其他一些编程语言不同的是，单引号和双引号的功能在 JavaScript 中是相同的。

转义字符

代码	输出
\'	单引号
\"	双引号
\\	反斜杠
\n	换行符
\r	回车符
\t	制表符
\b	退格
\f	换页符

字符串相关操作运算

用加号运算符连接字符串
在 JavaScript 中，当 + 操作符被用于一个 String 类型的值的时候，它被称作拼接操作符。 你可以通过拼接其他字符串来创建一个新的字符串。

'My name is Alan,' + ' I concatenate.'

查找字符串的长度
可以通过在字符串变量或字符串后面写上 .length 来获得 String 的长度。

console.log("Alan Peter".length);

将输出10。
使用方括号查找字符串中的第一个字符
大多数现代编程语言，如 JavaScript，不同于人类从 1 开始计数。 它们是从 0 开始计数。 这被称为基于零（Zero-based）的索引。

var firstName = "Charles";
var firstLetter = firstName[0];
firstLetter 值为字符串 C 。

了解字符串的不变性
在 JavaScript 中，字符串（String）的值是不可变的（immutable），这意味着一旦字符串被创建就不能被改变。

var myStr = "Bob";
myStr[0] = "J";

是不会把变量 myStr 的值改变成 Job 的，因为变量 myStr 是不可变的。
将一个数组嵌套在另一个数组中

[["Bulls", 23], ["White Sox", 45]]

使用索引访问多维数组
我们可以把多维数组看作成是数组中的数组。 使用方括号表示法访问数组时，第一个方括号访问的是数组的最外层（第一层），第二个方括号访问的是数组的第二层，以此类推。

var arr = [
  [1,2,3],
  [4,5,6],
  [7,8,9],
  [[10,11,12], 13, 14]
];
arr[3];
arr[3][0];
arr[3][0][1];

arr[3] 为 [[10, 11, 12], 13, 14]，arr[3][0] 为 [10, 11, 12]，并且 arr[3][0][1] 为 11。

数组的相关操作

使用 push() 操作数组
一个将数据添加到数组末尾的简单方法是 push() 函数。

.push() 接受一个或多个参数（parameters），并把它压入到数组的末尾。

var arr1 = [1,2,3];
arr1.push(4);

var arr2 = ["Stimpson", "J", "cat"];
arr2.push(["happy", "joy"]);

arr1 现在值为 [1, 2, 3, 4]，arr2 值为 [“Stimpson”, “J”, “cat”, [“happy”, “joy”]]。

使用 pop() 操作数组
改变数组中数据的另一种方法是用 .pop() 函数。
.pop() 函数用来弹出一个数组末尾的值。 我们可以把这个弹出的值赋给一个变量存储起来。 换句话说就是 .pop() 函数移除数组末尾的元素并返回这个元素。

var threeArr = [1, 4, 6];
var oneDown = threeArr.pop();
console.log(oneDown);
console.log(threeArr);
第一个 console.log 将显示值 6，第二个将显示值 [1, 4]。

使用 shift() 操作数组
pop() 函数用来移出数组中最后一个元素。 如果想要移出第一个元素要怎么办呢？
这时候我们就需要 .shift() 了。 它的工作原理就像 .pop()，但它移除的是第一个元素，而不是最后一个。

var ourArray = ["Stimpson", "J", ["cat"]];
var removedFromOurArray = ourArray.shift();
removedFromOurArray 值为 Stimpson，ourArray 值为 ["J", ["cat"]]

使用 unshift() 操作数组
不仅可以 shift（移出）数组中的第一个元素，也可以 unshift（移入）一个元素到数组的头部。
.unshift() 函数用起来就像 .push() 函数一样，但不是在数组的末尾添加元素，unshift() 在数组的头部添加元素。

var ourArray = ["Stimpson", "J", "cat"];
ourArray.shift();
ourArray.unshift("Happy");

在 shift、ourArray 后值为 [“J”, “cat”]。 在 unshift、ourArray 后值为 [“Happy”, “J”, “cat”]。

用函数编写可重用代码

function functionName() {
  console.log("Hello World");
}

使用 return 给函数返回值

unction plusThree(num) {
  return num + 3;
}
var answer = plusThree(5);

函数也可以返回 undefined
函数一般用 return 语句来返回值，但这不是必须的。 在函数没有 return 语句的情况下，当你调用它时，该函数会执行内部代码，返回的值是 undefined。
使用返回值赋值
假设我们有一个预先定义的函数 sum ，它将两个数相加，然后：

ourSum = sum(5, 12);

将会调用函数 sum，函数返回值 17，然后将该值赋给变量 ourSum。