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

相关文章
|
11天前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
|
11天前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
11天前
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
23天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
23天前
|
JavaScript 前端开发
局部 JavaScript 变量
JavaScript 中,函数内部使用 `var` 声明的变量为局部变量,仅在函数内可见,函数执行完毕后被删除。全局变量则在函数外部声明,整个页面的脚本和函数均可访问,页面关闭后才被删除。未声明的变量赋值会自动成为 `window` 对象的属性,且在非严格模式下可被删除。
|
28天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
95 2
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
118 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
81 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
72 4