初识JavaScript的基础

JavaScript是什么？

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

学习JavaScript前的准备

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

JavaScript基础语法

变量定义
使用var关键字定义变量
可以在变量定义时赋值，也可以单独赋值
变量名和赋值符号之间要有空格
JavaScript变量具有动态类型，即可以随时更改变量的类型

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

基本数据类型
数字：包括整数和浮点数，使用Number类型表示
字符串：使用String类型表示
布尔值：使用Boolean类型表示，只有true和false两个值
null和undefined：null表示空值，undefined表示未定义

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

运算符
算术运算符：+、-、*、/、%、++、--
比较运算符：>、>=、<、<=、==、!=、===、!==
逻辑运算符：&&、||、!
位运算符：&、|、^、~、<<、>>
赋值运算符：=、+=、-=、*=、/=、%=、<<=、>>=、&=、^=、|=
条件运算符：?:，也叫三元运算符，可以简写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

条件语句
if语句：判断条件是否成立，成立执行语句块，否则跳过
if...else语句：在if语句的基础上增加了执行不成立时的语句块
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;
}

循环语句
for语句：根据条件循环执行语句块，可以控制循环次数
while语句：根据条件循环执行语句块，可以改变循环条件
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数组，即为去重后的数组。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：初识JavaScript的基础 - Python技术站