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代码。

相关文章
|
2天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。
【6月更文挑战第25天】JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。闭包基于作用域链和垃圾回收机制,允许函数记住其定义时的环境。例如,`createCounter`函数返回的内部函数能访问并更新`count`,每次调用`counter()`计数器递增,展示了闭包维持状态的特性。
17 5
|
23小时前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
8 2
|
23小时前
|
JavaScript 前端开发
JavaScript作用域关乎变量和函数的可见范围。
【6月更文挑战第27天】JavaScript作用域关乎变量和函数的可见范围。全局作用域适用于整个脚本,局部作用域限于函数内部,而ES6引入的`let`和`const`实现了块级作用域。全局变量易引发冲突和内存占用,局部作用域在函数执行后消失,块级作用域提高了变量管理的灵活性。作用域关键在于组织代码和管理变量生命周期。
9 1
|
2天前
|
JavaScript 前端开发
JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用
【6月更文挑战第25天】JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用。`let`和`const`不完全提升,存在暂时性死区(TDZ),尝试在初始化前访问会出错。函数声明会被提升,但函数表达式不会。
13 3
|
4天前
|
设计模式 JavaScript 前端开发
JS 代码变量和函数的正确写法大分享
在开发中,变量名,函数名一般要做到清晰明了,尽量做到看名字就能让人知道你的意图,所以变量和函数命名是挺重要
11 2
|
JavaScript 前端开发 PHP
JavaScript中var关键字的使用详解
这篇文章主要介绍了JavaScript中var关键字的使用,是JavaScript入门学习中的基础知识
128 0
|
14天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
163 63
|
14天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
28 6
|
14天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
36 5
|
14天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
26 5