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

JavaScript初识及基本语法详解

时间:2024-03-25 18:03:49浏览次数:23  
标签: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编码规范。
  • 避免全局变量的使用,以防止命名冲突和提高代码的模块性。

学习资源

  • 《JavaScript高级程序设计》
  • 《你不知道的JavaScript》
  • MDN Web Docs (Mozilla Developer Network)
  • freeCodeCamp等在线编程平台
    了解和熟悉JavaScript的基本语法是开始Web开发的关键一步,通过不断的实践和探索,可以更深入地掌握这门语言。

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

相关文章

  • JavaScript 基础 - 第1天
     了解变量、数据类型、运算符等基础概念,能够实现数据类型的转换,结合四则运算体会如何编程。体会现实世界中的事物与计算机的关系理解什么是数据并知道数据的分类理解变量存储数据的“容器”掌握常见运算符的使用,了解优先级关系知道JavaScript数据类型隐式转......
  • 慢查询分析详解
    MySQL慢查询分析工具pt-query-digest详解目录MySQL慢查询分析工具pt-query-digest详解一、简介二、安装pt-query-digest三、pt-query-digest语法及重要选项五、用法示例转自:https://blog.csdn.net/xiaoweite1/article/details/80299754一、简介pt-query-digest是用于分析mysql......
  • 4.2.2、容器,算法,迭代器 初识
    了解STL中容器、算法、迭代器概念之后,我们利用代码感受STL的魅力STL中最常用的容器为Vector,可以理解为数组,下面我们将学习如何向这个容器中插入数据、并遍历这个容器1、vector存放内置数据类型容器:vector算法:for_each迭代器:vector<int>::iteratorvoidMyPrint(intval){ c......
  • 高性能JavaScript——6、快速响应的用户界面
    大多数浏览器让一个单线程共用于执行JavaScript和更新用户界面。每个时刻只能执行其中一种操作,这意味着当JavaScript代码正在执行时用户界面无法响应输入,反之亦然。当JavaScript代码执行时,用户界面处于“锁定”状态。管理好JavaScript的运行时间对Web应用的性能非常重要。......
  • git rebase详解(图解+最简单示例,一次就懂)
    引言网上有太多讲rebase和merge的文章,但大多都是复制粘贴没有自己的理解,而且很多博客的例子写的过于复杂,让人没兴趣看下去。根据奥卡姆剃刀原则,本文举最简单例子,大白话几句就让你快速掌握rebase的核心原理和用法。本博客将持续修订更新,看完如果还是有疑问,可以评论区留言,我解释到......
  • javascript三要素核验身份证号、姓名和人像是否匹配的身份证实名认证接口
    在开发的过程中,总会用到各种各样的API接口来实现各种各样的功能。互联网信息时代,为确保注册用户身份信息的正确性,无论是手机端还是电脑端应用都需要进行实名认证来防止虚假身份的使用,维护公共利益和个人权益的安全,实名认证已经成为了一个非常重要的环节。翔云身份证实名认......
  • 【WPF应用13】WPF基本控件-DockPanel布局详解与示例
    引言WPF(WindowsPresentationFoundation)是微软.NET框架的一个组成部分,它用于构建桌面应用程序的用户界面。在WPF中,控件是构建用户界面的基本元素,而布局控件则负责安排其他控件的位置和大小。DockPanel是WPF中的一个布局控件,它允许您将子控件沿着边缘排列,类似于......
  • 【WPF应用12】基本控件-WrapPanel布局详解与示例
    在WindowsPresentationFoundation(WPF)中,WrapPanel是一个强大的布局控件,它允许子控件在空间不足时自动换行,提供了极大的灵活性。在本文中,我们将详细介绍WrapPanel的布局原理、使用方法以及在开发中的应用示例。1.WrapPanel控件的布局原理WrapPanel是WPF中的一种面板......
  • MyBatisPlus新版代码生成器(Velocity模板引擎详解)
    文章目录一、Velocity模板引擎1、velocity简介2、快速入门3、基础语法4、注释5、变量6、循环7、条件8、引入资源9、macro宏二、MybatisPlus代码生成器1、MP代码生成器2、自定义velocity模板2.1、MybatisPlus自带模板和变量2.2、公共模板`common.vm`文件2.3、实体模板`en......
  • 原生JavaScript写个表格版的日历
    如图:简单、易懂、写着玩儿的……代码如下:<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document&l......