JavaScript语法入门

news/2025/3/22 2:35:33/

目录

1. 变量声明

2. 数据类型

3. 运算符

4. 分支语句

5. 循环语句

6. 字符串

7. 数组

8. 对象

9. 原型与原型链

10. 常用内置对象


 

JavaScript 是一种轻量级、解释型的编程语言,广泛应用于网页开发中,用于增强网页的交互性。以下是 JavaScript 语法入门的详细介绍:

1. 变量声明

变量用于存储数据值。在 JavaScript 中,可以使用 varletconst 关键字来声明变量。

  • var 是函数作用域或全局作用域,并且可以被重新声明和赋值。

  • let 是块作用域,不允许重复声明,但可以重新赋值。

  • const 是块作用域,不允许重复声明和重新赋值。

var x = 10;
let y = 20;
const z = 30;

2. 数据类型

JavaScript 是一种动态类型语言,主要数据类型包括:

  • 原始类型NumberStringBooleannullundefinedSymbol(ES6引入)和 BigInt(ES2020引入)。

  • 复合类型Object,包括数组、函数等。

let num = 42;        // Number
let str = "Hello";    // String
let bool = true;     // Boolean
let n = null;        // null
let u = undefined;   // undefined
let sym = Symbol();  // Symbol
let big = 123n;      // BigInt
let arr = [1, 2, 3]; // Object (Array)
let obj = {a: 1};    // Object

3. 运算符

JavaScript 提供了丰富的运算符,包括算术运算符(+-*/)、关系运算符(<><=>=)、相等运算符(=====)、逻辑运算符(&&||!)等。

let a = 10;
let b = 5;
console.log(a + b);  // 15
console.log(a > b);  // true
console.log(a == b); // false
console.log(a !== b); // true

4. 分支语句

分支语句用于基于条件执行不同的代码块。JavaScript 中的分支语句包括 ifelse ifelseswitch

let score = 85;
if (score >= 90) {console.log("优秀");
} else if (score >= 80) {console.log("良好");
} else if (score >= 70) {console.log("中等");
} else if (score >= 60) {console.log("及格");
} else {console.log("不及格");
}

5. 循环语句

循环语句用于重复执行一段代码。JavaScript 中的循环语句包括 forwhiledo...while

for (let i = 0; i < 5; i++) {console.log(i);
}while (true) {console.log("无限循环");// 需要某种条件来退出循环break;
}do {console.log("至少执行一次");
} while (false);

6. 字符串

字符串是表示文本的字符序列。可以使用单引号、双引号或模板字符串(反引号)定义字符串。

let singleQuoted = 'Hello';
let doubleQuoted = "World";
let templateString = `Hello ${singleQuoted}`;

7. 数组

数组是一种复合数据类型,用于存储多个值的有序集合。

let numbers = [1, 2, 3, 4, 5];
let emptyArray = [];
let multiDimensionalArray = [[1, 2], [3, 4]];

8. 对象

对象是包含键值对的复合数据类型,其中键是字符串,值可以是任何数据类型。

let person = {name: "Kimi",age: 25,greet: function() {console.log("Hello, " + this.name);}
};

9. 原型与原型链

每个对象都有一个内部属性 [[Prototype]],指向其原型对象。通过原型链,对象可以继承和共享属性和方法。

function Person(name) {this.name = name;
}Person.prototype.greet = function() {console.log("Hello, " + this.name);
};let person = new Person("Kimi");
person.greet(); // 输出:Hello, Kimi

10. 常用内置对象

JavaScript 提供了许多内置对象,包括:

  • JSON:用于解析和字符串化 JSON 数据。

  • Date:用于处理日期和时间。

  • Math:提供数学常量和函数。

// JSON
let jsonString = '{"name": "Kimi", "age": 25}';
let obj = JSON.parse(jsonString);
console.log(obj.name); // 输出:Kimi// Date
let now = new Date();
console.log(now.getFullYear()); // 输出当前年份// Math
console.log(Math.PI); // 输出:3.141592653589793
console.log(Math.sqrt(16)); // 输出:4

这些是 JavaScript 语法入门的基础知识,掌握这些概念对于编写 JavaScript 程序至关重要。


http://www.ppmy.cn/news/1581035.html

相关文章

deepseek连续对话与API调用机制

在调用DeepSeek等大模型进行连续对话时&#xff0c;是否需要每次上传系统提示和对话历史取决于API的设计机制。 一、API调用机制解析 无状态服务原则 DeepSeek的API基于无状态架构设计&#xff0c;每次请求视为独立会话。若需维持对话连续性&#xff0c;必须由客户端主动管理并…

如何利用爬虫获取1688商品详情API接口:从入门到实战

一、技术原理分析 API定位方法 使用Chrome开发者工具&#xff08;F12&#xff09;的Network面板筛选XHR/Fetch请求&#xff08;通常返回JSON数据&#xff09;通过关键词搜索&#xff08;如"itemDetail"&#xff09;观察请求参数中的商品ID&#xff08;offerId&…

Python学习第十九天

Django-分页 后端分页 Django提供了Paginator类来实现后端分页。Paginator类可以将一个查询集&#xff08;QuerySet&#xff09;分成多个页面&#xff0c;每个页面包含指定数量的对象。 from django.shortcuts import render, redirect, get_object_or_404 from .models impo…

观察者模式详解:用 Qt 信号与槽机制深入理解

引言 你是否曾遇到这样的需求&#xff1a;一个对象的状态发生变化后&#xff0c;希望通知其他对象进行相应的更新&#xff1f;比如&#xff1a; 新闻订阅系统&#xff1a;当新闻发布后&#xff0c;所有订阅者都会收到通知。股票行情推送&#xff1a;股价变化时&#xff0c;所…

实时监控、数据分析!Web-Check构建你的网站健康检测系统实操方案

文章目录 前言1.关于Web-Check2.功能特点3.安装Docker4.创建并启动Web-Check容器5.本地访问测试6.公网远程访问本地Web-Check7.内网穿透工具安装8.创建远程连接公网地址9.使用固定公网地址远程访问 前言 在数字化运维领域&#xff0c;网站稳定性保障始终是开发者和运维团队的核…

Towards Universal Soccer Video Understanding——论文学习(足球类)

一、主要内容 作为一项享誉全球的运动&#xff0c;足球吸引了世界各地球迷的广泛兴趣。本文旨在为足球视频的理解开发一个全面的多模态框架。具体来说&#xff0c;在本文中做出了以下贡献:(i)引入了SoccerReplay-1988&#xff0c;这是迄今为止最大的多模式足球数据集&#xff0…

【Linux】应用层自定义协议 + 序列化和反序列化

应用层自定义协议 序列化和反序列化 一.应用层1.再谈 "协议"2.序列化 和 反序列化 二. Jsoncpp1.序列化2.反序列化 三. Tcp全双工 面向字节流四.自定义协议 保证报文的完整性1.Makefile2.Mutex.hpp3.Cond.hpp4.Log.hpp5.Thread.hpp6.ThreadPool.hpp7.Common.hpp8.…

conda、poetry,pip相关

poetry poetry 是一个 Python 打包和依赖管理工具&#xff0c;旨在简化 Python 包的创建、发布和依赖管理。与传统的 setuptools、pip 和 requirements.txt 的组合相比&#xff0c;poetry 提供了一个统一和简化的工具和工作流程。 以下是关于 poetry 的详细介绍&#xff1a; …