初识JavaScript的基础

JavaScript是什么？

• JavaScript是一种轻量级编程语言，与HTML和CSS一起构成了Web前端开发的三大基石之一。
• JavaScript通常用于前端交互、页面呈现以及移动设备开发等领域，同时也可用于服务端开发以及跨平台应用开发。
• 它是一种解释型语言，不需要编译就可以运行。

学习JavaScript前的准备

• 学习JavaScript前需要具备HTML和CSS的基础，因为这三者一起构成了Web页面。
• 推荐使用现代化的浏览器进行JavaScript开发，如Chrome、Firefox、Safari等，可以在浏览器控制台中直接运行JavaScript代码。

JavaScript基础语法

1. 变量定义

2. 使用var关键字定义变量

3. 可以在变量定义时赋值，也可以单独赋值
4. 变量名和赋值符号之间要有空格
5. JavaScript变量具有动态类型，即可以随时更改变量的类型

var num = 1;
var str = "Hello World";
var flag = true;
var obj = {
  name: "张三",
  age: 18
};

1. 基本数据类型

2. 数字：包括整数和浮点数，使用Number类型表示

3. 字符串：使用String类型表示
4. 布尔值：使用Boolean类型表示，只有true和false两个值
5. null和undefined：null表示空值，undefined表示未定义

var num = 1;
var str = "Hello World";
var flag = true;
var empty = null;
var notDefined;

1. 运算符

2. 算术运算符：+、-、*、/、%、++、--

3. 比较运算符：>、>=、<、<=、==、!=、===、!==
4. 逻辑运算符：&&、||、!
5. 位运算符：&、|、^、~、<<、>>
6. 赋值运算符：=、+=、-=、*=、/=、%=、<<=、>>=、&=、^=、|=
7. 条件运算符：?:，也叫三元运算符，可以简写if...else语句

var num1 = 1;
var num2 = 2;
var result = num1 + num2; // 3
var flag = num1 > num2; // false
var isTrue = true;
var isFalse = !isTrue; // false

1. 条件语句

2. if语句：判断条件是否成立，成立执行语句块，否则跳过

3. if...else语句：在if语句的基础上增加了执行不成立时的语句块
4. switch语句：根据不同的条件执行不同的语句块

// if语句
var num = 1;
if (num > 0) {
  console.log("num是正数");
}

// if...else语句
var num2 = -1;
if (num2 > 0) {
  console.log("num2是正数");
} else {
  console.log("num2是负数");
}

// switch语句
var day = new Date().getDay();
switch (day) {
  case 0:
    console.log("星期日");
    break;
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  case 6:
    console.log("星期六");
    break;
  default:
    console.log("日期有误");
    break;
}

1. 循环语句

2. for语句：根据条件循环执行语句块，可以控制循环次数

3. while语句：根据条件循环执行语句块，可以改变循环条件
4. do...while：先执行一次语句块，然后根据条件循环执行语句块

// for循环
for (var i = 0; i < 5; i++) {
  console.log(i);
}

// while循环
var i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

// do...while循环
var i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

示例说明

示例1：计算1到n的和

function sum(n) {
  var result = 0;
  for (var i = 1; i <= n; i++) {
    result += i;
  }
  return result;
}
console.log(sum(10)); // 输出55

说明：定义了一个sum函数，接受一个参数n，使用for循环计算1到n的和，然后返回结果。

示例2：数组去重

function unique(arr) {
  var result = [];
  for (var i = 0; i < arr.length; i++) {
    if (result.indexOf(arr[i]) === -1) {
      result.push(arr[i]);
    }
  }
  return result;
}
console.log(unique([1, 2, 2, 3, 3, 4, 4, 5])); // 输出[1, 2, 3, 4, 5]

说明：定义了一个unique函数，接受一个数组参数arr，使用for循环遍历数组，判断每个元素是否在result数组中出现过，如果没有则添加到result数组中。最后返回result数组，即为去重后的数组。