javaScript基础详解

JavaScript基础详解攻略

简介

JavaScript是一种Web前端编程语言，常用于给网页添加动态功能、实现交互效果。了解JavaScript基础知识是学习Web前端开发的重要第一步。

本攻略将详细介绍JavaScript基础知识，包括数据类型、运算、表达式、流程控制、函数等方面。在介绍的过程中将附有多个实例说明。

数据类型

JavaScript支持七种数据类型：

• 字符串（String）: 包含在单引号或双引号之间的文本。
• 数字（Number）: 包括整数、浮点数和NaN。
• 布尔值（Boolean）: 包括true和false。
• undefined: 表示未定义。
• null: 表示没有值。
• 对象（Object）： 一种复合数据类型，可以包含多个属性和方法。
• 符号（Symbol）: ECMAScript 6 引入的数据类型，表示独一无二的值。

示例1：字符串类型的变量声明和输出

var str = 'JavaScript';
console.log(str);    // 输出：JavaScript

示例2：数值类型的变量声明和输出

var num = 3.14;
console.log(num);    // 输出：3.14

运算符

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

示例3：算术运算符的使用

var a = 7;
var b = 3;
console.log(a + b);   // 输出: 10
console.log(a - b);   // 输出: 4
console.log(a * b);   // 输出: 21
console.log(a / b);   // 输出: 2.33333...
console.log(a % b);   // 输出: 1

示例4：比较运算符的使用

var a = 7;
var b = 3;
console.log(a > b);   // 输出: true
console.log(a >= b);  // 输出: true
console.log(a < b);   // 输出: false
console.log(a <= b);  // 输出: false
console.log(a == b);  // 输出: false
console.log(a != b);  // 输出: true

表达式

JavaScript表达式由变量、运算符和常量组成，用于计算出一个结果。常见的表达式包括赋值表达式、算术表达式、逻辑表达式等。

示例5：赋值表达式的使用

var x = 5;
var y = x + 2;
console.log(y);       // 输出: 7

示例6：逻辑表达式的使用

var a = 7;
var b = 3;
console.log(a > 5 && b < 5);   // 输出: false
console.log(a > 5 || b < 5);   // 输出: true
console.log(!(a > 5));         // 输出: false

流程控制

JavaScript提供了多种流程控制语句，包括if语句、switch语句、for语句、while语句等，用于根据不同条件执行不同的代码块。

示例7：if语句的使用

var age = 20;
if (age >= 18) {
  console.log('成年人');
} else {
  console.log('未成年人');
}

示例8：for语句的使用

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

函数

函数是一种可重用的代码块，用于执行特定的代码任务。JavaScript提供多种函数定义方式，可以接受参数并返回值。

示例9：函数的使用

function sum(a, b) {
  return a + b;
}

var result = sum(5, 3);
console.log(result);   // 输出: 8

总结

本攻略详细介绍了JavaScript的基础知识，包括数据类型、运算、表达式、流程控制和函数等方面，并通过多个示例说明了各种语法和使用方法。