菜鸟javascript基础整理1

菜鸟JavaScript基础整理1攻略

简介

这篇攻略是针对菜鸟JavaScript基础整理第1部分而写的。此系列基础整理旨在帮助初学者掌握JavaScript的基础知识。

内容概述

本篇攻略包括以下部分：

1. 基础语法
2. 数据类型
3. 运算符
4. 条件语句与循环语句
5. 函数

正文

1. 基础语法

JavaScript的基本语法与其他编程语言相似，包括用于声明变量的关键字、语句结束的分号等。在JavaScript中使用var、let或const来声明变量。

var name = 'John';
let age = 30;
const PI = 3.14;

2. 数据类型

JavaScript有多种数据类型，包括：

• 字符串
• 数字
• 布尔值
• 数组
• 对象
• 空值
• 未定义

let str = 'hello world'; // 字符串
let num = 10; // 数字
let bool = true; // 布尔值
let arr = [1, 2, 3]; // 数组
let obj = {name: 'John', age: 30}; // 对象
let empty = null; // 空值
let undef; // 未定义

3. 运算符

JavaScript支持多种运算符，包括算术运算符、比较运算符、逻辑运算符等。

let num1 = 10;
let num2 = 20;
let str1 = 'hello';
let str2 = 'world';

console.log(num1 + num2); // 30
console.log(num1 > num2); // false
console.log(str1 + str2); // 'helloworld'
console.log(!bool); // false

4. 条件语句与循环语句

条件语句和循环语句是JavaScript中常用的控制语句。

条件语句

条件语句包括if语句、else语句和else if语句。

let num = 10;

if(num > 0){
    console.log('num是正数');
}else if(num < 0){
    console.log('num是负数');
}else{
    console.log('num等于0');
}

循环语句

JavaScript中的循环语句有for循环和while循环。

let arr = [1, 2, 3, 4, 5];

for(let i = 0; i < arr.length; i++){
    console.log(arr[i]);
}

let j = 0;

while(j < arr.length){
    console.log(arr[j]);
    j++;
}

5. 函数

函数是JavaScript中的重要组成部分，用于封装代码、实现代码重用等。

function sum(num1, num2){
    return num1 + num2;
}

console.log(sum(10, 20));

示例说明

示例1

下面的代码演示了如何使用JavaScript输出九九乘法表。

for(let i = 1; i <= 9; i++){
    for(let j = 1; j <= i; j++){
        document.write(`${j}*${i}=${j*i}&nbsp;&nbsp;&nbsp;&nbsp;`);
    }
    document.write('<br>');
}

在浏览器中运行代码，就可以在界面上看到输出的九九乘法表。

示例2

下面的代码演示了如何通过函数实现两个数相加。

function sum(num1, num2){
    return num1 + num2;
}

let result = sum(10, 20);

console.log(result); // 30

在控制台中运行代码，就可以看到计算结果。