JavaScript初识及基本语法详解

news/2024/4/27 17:49:00

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开发的关键一步,通过不断的实践和探索,可以更深入地掌握这门语言。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/11050.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

基于单片机的实时水质监测系统设计

摘要:传统的水质监测存在人工成本高,取样时间长等诸多问题。为了解决这些问题,本文设计了一款基于单片机的实时水质监测系统,通过传感器采集到的数据,单片机通过zigbee 収送至云端,结合上位机软件可以实现实时的信息采集处理,实现了高敁、智能的水质监测工作。 兲键词:…

戳-考察C++基础的两道小题

昨天分享了一天本来是考察unique_ptr禁止拷贝行为的&#xff0c;但是粘贴的时候贴成正确代码了&#xff0c;于是&#xff0c;今天继续找两道小题来练练手。 今天这两道小题&#xff0c;你能回答上来不&#xff0c;题目1有至少6处错误&#xff0c;你能找到几个&#xff1f;题目2…

【ZooKeeper】1、基本介绍

本文基于 Apache ZooKeeper Release 3.7.0 版本书写 作于 2022年3月6日 14:22:11 转载请声明 1、Zookeeper是什么&#xff1f; 由ZooKeeper的官网介绍可知&#xff1a; ZooKeeper 是Apache原子基金会下一个开源的、用于提供可靠的分布式协同的服务器。 ZooKeeper 可以用来 配置…

QT:QTableWidget表格中加入勾选框

1.新建QTableWidget控件&#xff1a;tableWidget_TestResult 2.举例&#xff1a;在第一行第一列添加一个勾选框 //添加选择框QTableWidgetItem* check0 new QTableWidgetItem();check0->setCheckState(Qt::Checked);ui->tableWidget_TestResult->setItem(0, 0, chec…

Python flask abort 主动抛出异常

from flask import Flask, abortapp Flask(__name__)# 重定向到百度 app.route(/index) def index():abort(404)return "123"if __name__ __main__:app.run(debugTrue)如果改成abort(403)

基于nodejs+vue文学名著分享系统的设计与实现python-flask-django-php

目 录 摘 要 I Abstract II 1绪 论 1 1.1课题背景 1 1.2课题研究的意义 1 1.3研究现状 2 1.4研究方法 3 1.5论文组织结构 4 2开发关键技术 5 2.1 express框架 5 2.2 nodejs语言介绍 7 2.3 B/S架构 7 2.4 MySQL数据库 7 3系统分析 8 3.1 可行性分析 8 3.1.1 技术可行性 8 3.1.2 …