PHP前端开发

深入探讨 JavaScript 数据类型、严格模式和基本操作

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 数据类型

欢迎回到我们的 javascript 教程系列!在今天的文章中,我们将探讨 javascript 中的一些基本概念:数据类型、严格模式和基本操作。这些是任何 javascript 程序的构建块,因此充分理解它们将为您深入编码奠定成功基础。

了解 javascript 中的数据类型

javascript 是一种动态类型语言,这意味着您不必指定变量保存的数据类型。类型是根据分配的值自动确定的。让我们仔细看看 javascript 中的一些关键数据类型。

运算符类型

typeof 运算符用于确定变量的类型。这是一个简单的例子:

console.log(typeof undefined); // outputs: "undefined"console.log(typeof null);      // outputs: "object"

关键数据类型

  1. 数字:表示整数和浮点数。

  2. bigint:用于超出 number 安全整数范围的大整数。

    立即学习“Java免费学习笔记(深入)”;

  3. 字符串:字符序列,用于文本。

  4. 布尔值:代表逻辑值:true 或 false。

  5. null:表示空值的特殊关键字,即根本没有值。

  6. 未定义:表示变量已声明但未赋值。

  7. 符号:代表唯一标识符。符号通常用作对象中的键以避免名称冲突。

使用“use strict”强制执行现代 javascript

为了确保您的代码遵循最新的 javascript 标准并避免常见的陷阱,您可以在脚本或函数的开头使用“use strict”。

"use strict";// all code below will be treated as newer version of javascript

严格模式有助于捕获常见的编码错误,例如使用未声明的变量,并使您的代码更加安全和优化。

在 javascript 中执行基本操作

javascript 支持广泛的操作,从基本算术到字符串连接。让我们看一些例子:

算术运算

let value = 3;let negvalue = -value;console.log(negvalue); // outputs: -3console.log(2 + 2); // addition: 4console.log(2 - 2); // subtraction: 0console.log(2 * 2); // multiplication: 4console.log(2 ** 3); // exponentiation: 8console.log(2 / 3); // division: 0.666...console.log(2 % 3); // modulus: 2 (remainder)

字符串操作

let str1 = "hello";let str2 = " hitesh";let str3 = str1 + str2;console.log(str3); // outputs: "hello hitesh"console.log("1" + 2); // outputs: "12" (string concatenation)console.log(1 + "2"); // outputs: "12" (string concatenation)console.log("1" + 2 + 2); // outputs: "122"console.log(1 + 2 + "2"); // outputs: "32"

操作顺序很重要!当 javascript 在算术运算中遇到字符串时,它会将其他操作数转换为字符串并将它们连接起来。

联合作战

console.log((3 + 4) * 5 % 3); // outputs: 2

这里,括号规定了运算顺序,确保加法发生在乘法和取模之前。

一元运算符

一元运算符使用单个操作数。以下是几个示例:

console.log(+true); // outputs: 1 (boolean `true` is converted to 1)console.log(+""); // outputs: 0 (an empty string is converted to 0)

变量赋值链

您可以在 javascript 中链接分配:

let num1, num2, num3;num1 = num2 = num3 = 2 + 2;console.log(num1, num2, num3); // all will output: 4

增量运算符

javascript 还支持递增(和递减)运算符:

let gameCounter = 100;++gameCounter;console.log(gameCounter); // Outputs: 101

前缀与后缀增量

javascript 区分前缀 (++gamecounter) 和后缀 (gamecounter++) 增量:

要更深入地阅读类型转换和操作,请查看 ecmascript 文档。

今天,我们介绍了一些基本的 javascript 概念,从理解各种数据类型和严格模式到执行基本操作。这些是您在 javascript 中不断进步的基础概念。请务必练习这些示例并尝试不同的操作,以便更好地掌握。

请继续关注本系列的更多教程,我们将继续探索 javascript 的迷人世界!

-
祝您编码愉快,下一篇见!