挑战坚持学习1024天——用JavaScript学习前端基础（第一天到第七天）

2023-09-17 16:49:08

用JavaScript学习前端基础（第一天到第七天）

大家好，我是牛哥，一名全栈工程师。

今天，我想和大家分享一下我坚持学习前端开发1024天的经验，以及JavaScript基础知识，希望能对初学者入门和进阶学习有所帮助。

第一天：数据类型

数据类型是编程语言中用来表示不同类型数据的分类。JavaScript中常见的データタイプには、整数、浮点数、字符串、布尔值、数组和对象等。

// 整数
var number = 10;

// 浮点数
var decimal = 3.14;

// 字符串
var string = "Hello World";

// 布尔值
var bool = true;

// 数组
var array = [1, 2, 3];

// 对象
var object = {
  name: "John",
  age: 30
};

第二天：变量

变量是用来存储数据的容器。JavaScript中变量的声明方式很简单，使用var，后面跟着变量名和一个等号，最后是变量的值。

var name = "John";
var age = 30;

变量可以存储任何类型的数据，包括整数、浮点数、字符串、布尔值、数组和对象。

第三天：运算符

运算符是用来对操作数进行运算的符号。JavaScript中的运算符包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。

// 算术运算符
var sum = 1 + 2;
var difference = 10 - 5;
var product = 3 * 4;
var quotient = 10 / 2;

// 赋值运算符
var number = 10;
number += 5; // number = number + 5;

// 比较运算符
var result = 10 > 5; // true
result = 10 < 5; // false

// 逻辑运算符
var result = 10 > 5 && 5 > 3; // true
result = 10 > 5 || 5 < 3; // true

第四天：控制流语句

控制流语句是用来控制程序执行流程的语句。JavaScript中的控制流语句包括if语句、switch语句、for循环、while循环和do-while循环等。

// if语句
if (10 > 5) {
  // 如果10大于5，则执行这个代码块
}

// switch语句
switch (day) {
  case "Monday":
    // 如果day是星期一，则执行这个代码块
    break;
  case "Tuesday":
    // 如果day是星期二，则执行这个代码块
    break;
  default:
    // 如果day不是星期一或星期二，则执行这个代码块
}

// for循环
for (var i = 0; i < 10; i++) {
  // 循环10次，每次执行这个代码块
}

// while循环
while (i < 10) {
  // 只要i小于10，就一直执行这个代码块
  i++;
}

// do-while循环
do {
  // 先执行这个代码块，然后判断i是否小于10
} while (i < 10);

第五天：函数

函数是用来封装代码块的。函数可以接受参数，也可以返回结果。

// 定义一个函数
function sayHello(name) {
  // 函数体
  console.log("Hello, " + name + "!");
}

// 调用函数
sayHello("John"); // 输出：Hello, John!

函数可以大大提高代码的可重用性和可维护性。

第六天：数组

数组是用来存储一组数据的容器。数组中的元素可以是任何类型的数据。

// 定义一个数组
var array = [1, 2, 3];

// 访问数组中的元素
console.log(array[0]); // 输出：1

// 修改数组中的元素
array[0] = 10;

// 添加元素到数组的末尾
array.push(4);

// 从数组的开头移除元素
array.shift();

// 从数组的末尾移除元素
array.pop();

数组是JavaScript中非常重要的数据结构，可以用于存储各种类型的数据。

第七天：对象

对象是用来存储一组相关数据的容器。对象中的属性可以是任何类型的数据。

// 定义一个对象
var object = {
  name: "John",
  age: 30,
  job: "Software Engineer"
};

// 访问对象中的属性
console.log(object.name); // 输出：John

// 修改对象中的属性
object.age = 31;

// 添加属性到对象
object.city = "New York";

// 从对象中删除属性
delete object.job;