JavaScript语法关键点:变量用`var`、`let`、`const`声明

简介: 【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。

JavaScript基础语法涵盖了多个重要概念,以下是一些简要的介绍:

变量声明

在JavaScript中,有多种方式可以声明变量。以下是常见的几种方法:

  • var:这是最早的变量声明方式,它允许在同一作用域内多次声明同一变量。
var x = 10;
  • let:ES6引入的新关键字,用于声明块级作用域的变量。与var不同,同一个let变量在同一作用域内不能被重新声明。
let y = 20;
  • const:也由ES6引入,用于声明常量。一旦使用const声明了变量,就不能再改变其值或重新声明。
const PI = 3.14;

数据类型

JavaScript有七种基本数据类型:

  • Number:表示数字,包括整数和浮点数。
let num = 42; // 整数
let floatNum = 3.14; // 浮点数
  • String:表示文本字符串。
let str = "Hello, world!";
  • Boolean:表示布尔值(真/假)。
let isTrue = true;
let isFalse = false;
  • Null:表示一个空对象指针。
let nullValue = null;
  • Undefined:表示未定义的值。
let undefinedValue; // 值为undefined
  • Symbol:表示唯一的、不可变的数据类型。
let symbol = Symbol("mySymbol");
  • Object:表示任意类型的复杂数据结构,它可以包含其他数据类型作为属性。
let obj = {
    name: "John", age: 30 };

运算符

JavaScript提供了多种运算符来处理变量和表达式。以下是一些常见的运算符:

  • 算术运算符:如+-*/%等。
let sum = 5 + 3; // 结果是8
  • 比较运算符:如><>=<===!====!==等。
let isGreater = 10 > 5; // 结果是true
  • 逻辑运算符:如&&||!等。
let andResult = (x > 0) && (y < 10); // 结果根据x和y的值而定
  • 赋值运算符:如=, +=, -=等。
let count = 0;
count += 1; // 相当于 count = count + 1

流程控制语句

流程控制语句用来改变程序执行的顺序。以下是常用的流程控制语句:

  • if...else:条件判断语句。
let age = 25;
if (age >= 18) {
   
  console.log("You are an adult.");
} else {
   
  console.log("You are not an adult.");
}
  • switch:多分支选择语句。
let day = "Monday";
switch (day) {
   
  case "Monday":
    console.log("Today is Monday.");
    break;
  case "Tuesday":
    console.log("Today is Tuesday.");
    break;
  default:
    console.log("Today is some other day.");
    break;
}
  • 循环:如for, while, do...while等。
// for 循环
for (let i = 0; i < 5; i++) {
   
  console.log(i);
}

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

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

以上就是JavaScript基础语法的一些核心内容。学习这些基础知识有助于更好地理解和编写JavaScript代码。

相关文章
|
6月前
|
JavaScript 前端开发 开发者
JavaScript中的箭头函数:简洁的语法与this绑定
JavaScript中的箭头函数:简洁的语法与this绑定
489 184
|
9月前
|
JSON 前端开发 Serverless
Mock.js 语法结构全解析
Mock.js 的语法规范介绍,从数据模板定义规范和数据占位符定义规范俩部分介绍, 让你更好的使用 Mock.js 来模拟数据并提高开发效率。
|
11月前
|
JavaScript 前端开发 开发者
JavaScript基础——JavaScript变量名称命名规范
JavaScript变量命名规范是编写高质量代码的重要部分。通过遵循基本规则、使用常见命名约定并应用最佳实践,可以提高代码的可读性和可维护性。希望本文能帮助开发者在日常编程中更好地理解和应用JavaScript变量命名规范,从而编写出更清晰、更可靠的代码。
770 11
|
JavaScript 前端开发 安全
【JavaScript】深入理解 let、var 和 const
掌握这些关键字的使用可以提高代码的可读性和可维护性,避免潜在的变量提升和作用域问题。希望本文能帮助您更好地理解和应用 JavaScript 中的变量声明方式,编写出更高质量的代码。
456 20
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
352 11
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
593 12
|
JavaScript 前端开发 安全
ECMAScript 6(以下简称 ES6)的出现为 JavaScript 带来了许多新的特性和改进,其中 let 和 const 是两个非常重要的关键字。
ES6 引入了 `let` 和 `const` 关键字,为 JavaScript 的变量管理带来了革新。`let` 提供了块级作用域和暂存死区特性,避免变量污染,增强代码可读性和安全性;`const` 用于声明不可重新赋值的常量,但允许对象和数组的内部修改。两者在循环、函数内部及复杂项目中广泛应用,有助于实现不可变数据结构,提升代码质量。
214 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
341 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
272 1
JavaScript中的原型 保姆级文章一文搞懂
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
170 0