语言, 其他语言

JavaScript的运行环境和常用语句

JavaScript(JS)和 Python 都是开源软件包的生态较好的编程语言,且都是解释型语言。JS 最早用于前端浏览器网页,现在也用于后端服务器环境,是一个适合于全栈工程师的语言。

JS 通常不作为科研上的编程语言,这是因为相较于 Python 中 NumPy、SciPy、Matplotlib、PyTorch、Scikit-learn 等库,JavaScript 在科学计算方面的支持相对较少,即使它也是具有大量的开源软件库和框架。但 JS 在科研上的优点也是有的,例如:前端数据可视化、即时交互和实时数据显示等,这适合于教学、数据的监控分析等(大部分功能 Python 也能做到)。

一、浏览器运行环境

将以下代码放入 JS_example.html 文件中,在浏览器中打开后即完成运行:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Example</title>
</head>
<body>
    <h2>Hello, World!</h2>
    <div id="content"></div>
    <script>
        var username = "Guan";
        let year = 1993;
        const country = "China";
        document.getElementById('content').innerHTML = username + "<br>" + year + "<br>" + country;
    </script>
</body>
</html>

另外,在浏览器中按 F12,打开开发人员工具,可额外查看代码在 console 中的输出情况。

二、Node.js 运行环境

Node.js 的官网为:https://nodejs.org/。安装后可在任意地方运行 JS,也可作为后端服务器环境。

安装后,在终端界面输入:node -v,检查是否安装完成,以及查看版本。

测试代码 test.js:

var username = "Guan";
let year = 1993;
const country = "China"
console.log(username + "\n" + year + "\n" + country);

运行命令:node test.js

另外,也可以在 VSCode 等编辑器中运行代码,这种情况除了安装 Node.js外,还需要在 VSCode 中安装“Code Runner”等插件,原理是一样的,也是调用 node 命令。

三、JavaScript 的常用语句

这里列出一些常见的 JS 语句:

// 输出到控制台
console.log("Hello, World!"); 


// 变量声明
var name = "Alice";  // 不推荐,因为它有作用域问题
let age = 25;  // 推荐
const pi = 3.14159; // 用于常量


// 数据类型
let number = 42; // 数字
let text = "Hello"; // 字符串
let isTrue = true; // 布尔值
let items = [1, 2, 3]; // 数组
let person = { name: "John", age: 30 }; // 对象


// 基本运算
let sum = 10 + 5; // 加法
let difference = 10 - 5; // 减法
let product = 10 * 5; // 乘法
let quotient = 10 / 5; // 除法
let a = 0.1;
let b = 0.2;
let c = a + b; // 浮点加法


// 条件语句
let abc = 10;
if (abc > 0) {
    console.log("abc is positive.");
} else if (abc < 0) {
    console.log("abc is negative.");
} else {
    console.log("abc is zero.");
}
console.log('');


// for 循环
for (let i = 0; i < 5; i++) {
    console.log(i);
}
console.log('')


// while 循环
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
console.log('');


// 函数定义和调用
function greet(name) {
    return "Hello, " + name;
}
console.log(greet("Guan"));

运行结果:

Hello, World!
abc is positive.

0
1
2
3
4

0
1
2
3
4

Hello, Guan

额外补充(AI辅助生成):

  • 语句是否需要分号?在 JavaScript 中,分号(;)用于分隔语句。在许多情况下,分号是可选的,因为 JavaScript 具有自动分号插入(ASI)机制,会在缺少分号的地方自动插入。但依赖于自动分号插入可能会导致难以调试的错误和意外的行为,因此许多开发者建议始终明确地使用分号。
  • 语句是否需要缩进?在 JavaScript 中,缩进虽然不是必需的,但强烈建议使用。良好的缩进可以提高代码的可读性和可维护性。它帮助开发者理解代码的结构和层次关系,比如代码块、条件语句、循环等。
  • 语句是否需要换行?在 JavaScript 中,换行不是必需的,因为语句通常以分号 ; 结束,JavaScript 引擎会自动插入分号(ASI,自动分号插入)。然而,换行可以提高代码的可读性和可维护性。

另外,JavaScript 的软件包社区有:

  • npm (Node Package Manager) 是 JavaScript 社区中最大的包管理器和软件包注册中心:https://www.npmjs.com/
  • Yarn 是由 Facebook 开发的另一个流行的 JavaScript 包管理器:https://yarnpkg.com/
  • GitHub 上也有很多开源的 JavaScript 代码。
138 次浏览

【说明:本站主要是个人的一些笔记和代码分享,内容可能会不定期修改。为了使全网显示的始终是最新版本,这里的文章未经同意请勿转载。引用请注明出处:https://www.guanjihuan.com

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code