首页 > 编程语言 >JavaScript初识及基本语法详解

JavaScript初识及基本语法详解

时间:2024-11-20 19:17:29浏览次数:3  
标签:10 console log JavaScript 初识 num var 详解

JavaScript是一种轻量级的编程语言,它可以在网页中嵌入,用来控制网页的动态效果和用户交互。JavaScript是所有现代网页浏览器都支持的脚本语言,它可以让网页变得“活”起来,实现各种复杂的功能。

JavaScript的基本语法

JavaScript的语法基础与Java语言类似,但它是解释型语言,不需要编译。下面是JavaScript的一些基本语法概念:

变量声明与赋值

在JavaScript中,变量是动态类型,不需要声明类型。

var myName = "张三"; // 声明变量并赋值
let age = 25; // let声明的变量有块级作用域
const pi = 3.14159; // const声明的变量是常量,不可重新赋值
数据类型

JavaScript有几种不同的数据类型,包括:

  • 数字(Number)
  • 字符串(String)
  • 布尔值(Boolean)
  • 对象(Object)
  • 数组(Array)
  • null和undefined
var num = 10;
var str = "Hello, World!";
var bool = true;
运算符

JavaScript支持常见的算数运算符、比较运算符、逻辑运算符等:

var sum = 10 + 5; // 算数运算
var result = 10 > 5; // 比较运算
var isValid = (num > 0) && (num < 10); // 逻辑运算
控制结构

控制结构包括条件语句和循环语句:

if (num > 0) {
    console.log("Positive number");
} else if (num < 0) {
    console.log("Negative number");
} else {
    console.log("Zero");
}
for (var i = 0; i < 10; i++) {
    console.log(i);
}
// while循环
while (num > 0) {
    console.log(num);
    num--;
}
函数定义

JavaScript函数使用function关键字定义,并且可以接受参数:

function greet(name) {
    console.log("Hello, " + name + "!");
}
greet("张三"); // 调用函数
数组和对象

数组用方括号[]表示,对象用花括号{}表示,键值对用冒号:分隔:

var arr = [1, 2, 3, 4];
var obj = {
    firstName: "张",
    lastName: "三"
};
事件处理

在HTML文档中,可以使用JavaScript来响应用户操作,例如:

document.getElementById("myButton").onclick = function() {
    alert("按钮被点击了!");
};
注释

单行注释使用两个斜杠//,多行注释使用/* ... */

// 单行注释
/*
 * 多行注释
 */
注意事项
  • 变量名和函数名建议使用驼峰式命名法(CamelCase)。
  • 语句结尾建议使用分号;,虽然现代JavaScript引擎可以自动处理未声明的语句结束,但为了代码的可读性,仍推荐使用分号。
  • 遵循缩进和代码格式化规范,如Airbnb的JavaScript编码规范。
  • 避免全局变量的使用,以防止命名冲突和提高代码的模块性。

标签:10,console,log,JavaScript,初识,num,var,详解
From: https://blog.csdn.net/Hacker_Fuchen/article/details/143822699

相关文章

  • Java 值传递详解
    形参&实参方法的定义可能会用到参数(有参的方法),参数在程序语言中分为:实参(实际参数,Arguments):用于传递给函数/方法的参数,必须有确定的值。形参(形式参数,Parameters):用于定义函数/方法,接收实参,不需要有确定的值。Stringhello="Hello!";//hello为实参sayHello(hello);//......
  • Java语法糖详解
    什么是语法糖?语法糖(SyntacticSugar)也称糖衣语法,是英国计算机学家Peter.J.Landin发明的一个术语,指在计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。简而言之,语法糖让程序更加简洁,有更高的可读性。 有意思的是,在编程领域,除了语法......
  • Java中类加载过程详解
    类的生命周期类从被加载到虚拟机内存中开始到卸载出内存为止,它的整个生命周期可以简单概括为7个阶段:加载(Loading)、验证(Verification)、准备(Preparation)、解析(Resolution)、初始化(Initialization)、使用(Using)和卸载(Unloading)。其中,验证、准备和解析这三个阶段可以统称为连接(Link......
  • AI之旅-语义搜索:初识 vector embedding 与部署向量数据库 qdrant
    AI之旅实现的第一个功能是基于大模型的vectorembedding进行语义搜索(semanticsearch)。(图片来源:kdnuggets.com)基于大模型实现的聊天机器人虽然能打字和你聊天,但大模型却大字不识一个,它只识数(向量)与只会计算,它不会玩文字游戏,只会玩数字游戏。任何一段文字,在大模型的眼里只是......
  • APISIX干货:详解API管理利器,启动与部署一步到位(上)
    文章目录第一章APISIX简介1、什么是APISIX2、架构组成3、组件功能4、组件特点5、启动步骤第二章安装部署2.1裸金属2.2Docker部署2.3K8S部署概述管好微服务,成为云原生时代的新难题。从建好微服务到管好微服务,差的虽是一个字,连接起两边的却需要大量的微服务落......
  • Java BeanUtils 使用详解
            Java中的BeanUtils是一组用于操作JavaBean的工具,它允许你在不了解JavaBean的具体内部结构的情况下,访问和修改其属性。本文将详细介绍JavaBeanUtils的使用,包括如何获取和设置JavaBean的属性,复制属性,以及如何处理嵌套属性和集合属性。什么是JavaBean    ......
  • 卷积层结构与实现详解
    在深度学习领域,卷积神经网络(ConvolutionalNeuralNetwork,CNN)是图像任务中的核心模型架构,广泛应用于图像分类、目标检测等任务。本文将详细解析一个简单的卷积神经网络的卷积层代码示例,通过剖析其结构与运行过程,带领读者理解CNN中的基本设计与数学原理。代码背景与理论基础......
  • MySQL 视图使用详解
    MySQL视图使用详解1.视图的基本概念视图是存储在数据库中的查询结果,它是一个虚拟表,不实际存储数据,而是根据定义的查询逻辑动态生成结果集。视图可以包含一个或多个表的数据,甚至可以包含聚合函数。视图的主要作用包括:简化复杂查询:通过封装复杂的JOIN或聚合操作,使得查......
  • AI智能分析视频分析网关周界入侵算法详解
    随着科技的迅猛发展和安全需求的不断提升,智能监控系统正逐渐成为维护公共安全的重要手段。其中,视频分析网关作为这一系统的核心组成部分,凭借其先进的视频处理和智能分析功能,正在有效提升安防监控的效率和准确性。本文将深入探讨AI智能分析视频分析网关的工作原理、相较传统监控方......
  • 33 个 JavaScript 开发者都应该知道的概念
    你真的认为你了解多少JavaScript?你可能知道如何编写函数,理解简单的算法,甚至可以编写类。但是你知道什么是类型化数组吗?你不需要现在就了解所有这些概念,但最终你会在你的职业生涯中用到它们。这就是我建议你收藏此列表的原因,因为你很可能会遇到其中一个主题,然后你会想......