前端学习-JS基础回顾

/*
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
使用 window.alert()
你可以弹出警告框来显示数据：

数组（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 使用关键字 var 来定义变量， 使用等号来为变量赋值：

var x, length

x = 5

length = 6

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

JavaScript 代码块
JavaScript 可以分批地组合起来。

代码块以左花括号开始，以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落：

实例
function myFunction()
{
    document.getElementById("demo").innerHTML="你好Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
}

JavaScript 语句标识符
JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) ：

语句 描述
break  用于跳出循环。
catch  语句块，在 try 语句块执行出错时执行 catch 语句块。
continue   跳过循环中的一个迭代。
do ... while   执行一个语句块，在条件语句为 true 时继续执行该语句块。
for    在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function   定义一个函数
if ... else    用于基于不同的条件来执行不同的动作。
return 退出函数
switch 用于基于不同的条件来执行不同的动作。
throw  抛出（生成）错误 。
try    实现错误处理，与 catch 一同使用。
var    声明一个变量。
while  当条件语句为 true 时，执行语句块。

JavaScript 局部作用域
变量在函数内声明，变量为局部变量，具有局部作用域。

局部变量：只能在函数内部访问。

实例
// 此处不能调用 carName 变量
function myFunction() {
    var carName = "Volvo";
    // 函数内可调用 carName 变量
}

常见的HTML事件
下面是一些常见的HTML事件的列表:

事件 描述
onchange   HTML 元素改变
onclick    用户点击 HTML 元素
onmouseover    鼠标指针移动到指定的元素上时发生
onmouseout 用户从一个 HTML 元素上移开鼠标时发生
onkeydown  用户按下键盘按键
onload 浏览器已完成页面的加载

for (var i=0; i<5; i++)
{
      x=x + "该数字为 " + i + "<br>";
}

var i=2,len=cars.length;
for (; i<len; i++)
{
    document.write(cars[i] + "<br>");
}

var i=0,len=cars.length;
for (; i<len; )
{
    document.write(cars[i] + "<br>");
    i++;
}

var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

while (i<5)
{
    x=x + "The number is " + i + "<br>";
    i++;
}

do
{
    x=x + "The number is " + i + "<br>";
    i++;
}
while (i<5);

使用类
定义好类后，我们就可以使用 new 关键字来创建对象：

实例
class Runoob {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}

let site = new Runoob("菜鸟教程",  "https://www.runoob.com");
 */