PHP前端开发

JavaScript 基础知识:第 1 部分

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 基础知识

javascript 就像一罐蜂蜜。您可以将手指浸入其中并刷一口。很甜。太棒了。这是危险的。它可能很危险,就像锅里的热蜂蜜一样。

javascript 复杂吗?好吧,您应该在本摘录的末尾找到这个问题的答案(也包括其他部分)。我们可以问另一个问题。开发一个程序需要多少 javascript 知识?如果您了解数据和数据流,将会有所帮助。我需要什么数据以及如何构建它?我该如何处理这些数据?类似的事情。当你思考一个概念时,你会做或应该能够做。这本质上就是本材料的目的(不过我们没有忘记第一个问题,“javascript 复杂吗?”)。

我通常喜欢简短而详细的文章,但这次会很长,所以请系好安全带。

我们将在这一部分讨论数据类型和变量。

运行 javascript

之前在什么是 nodejs 上,我们创建了一个 hello world 程序。我们也会在这里做同样的事情。

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

要运行javascript程序,我们需要nodejs和要运行的程序(代码)。我们将使用一个名为 app.js 的文件。因此,创建一个名为 app.js 的文件并继续操作。 .js 扩展名表明它是一个 javascript 文件。我们已经讨论过这个问题了,所以我就到此为止。

node app.js

控制台日志

有一种简单的方法可以将文本(数据)打印到终端(屏幕),这是通过 console.log 完成的。就像我们的 hello world 程序一样。在文本编辑器中输入此代码。

console.log("hello, it's me, javascript");

我们在 ( 和 ) 之间放置的任何有效数据都将打印到终端。在我们的例子中,我们在屏幕上打印了一条文本,说:你好,是我,javascript。我们要打印的数据周围有双引号。这封引号使我们的数据成为一个字符串。

尝试将字符串打印(写入)到终端并感受一下。

为了避免怀疑,当您创建 app.js 时,请在输入代码时保存它,然后运行它。

细绳

字符串是用引号(双引号、单引号或反引号)括起来的值(数据)。字符串就是文本。你的名字、年级等都是字符串。字符串可以是短语、句子、段落、单词、字符等

示例

上面的示例向您展示了如何使用字符串,并指出了在 javascript 中处理字符串的注意事项。对于初学者,您可以决定使用双引号或单引号。你选择。在进行字符串插值或遇到最后一个示例时使用反引号。只需知道,当您使用引号创建字符串时,起始引号必须匹配,并以相同的引号结束。所以不能用单引号开始,用双引号结束。

我们可以在引号分隔的字符串中使用引号(双引号、单引号或反引号),但随后我们必须对其进行转义。我们使用反斜杠,.

示例

console.log('we can use double quote in a double-quoted string, " by escaping');

现在,使用 console.log 记录上述字符串并编写您自己的字符串。

数字

数字示例:-3、5、10000、12.5等。它们可用于表示某项的计数或测量值。我的意思是,这就是数字。或者?

布尔值

布尔值,是一种值(数据)类型,就像字符串和数字一样。但是,布尔值要么为真,要么为假。某些条件是或不是的情况。

目的

javascript 中的对象是一种呈现键值对数据的方式。我们可以使用对象文字对某些项目的相关数据进行分组。为了创建对象文字,我们将此数据括在 { 和 } 中。让我们创建一个用户个人资料。

示例

我们将console.log用户个人资料。用户个人资料姓名、出生日期、职业、宠物数量、蛋白质重量(克)、工作等。每个键值都用逗号分隔。键后跟冒号,然后是值,形成键值对。通常,键是字符串(是的,我们将对象的键括在引号中)。您可以向其中添加更多键(属性)。

name 是一个字符串(我的意思是它的值)。 javascript 中有一个日期对象,但现在我们可以使用字符串来表示出生日期profession 也是一个字符串。 宠物数量蛋白质重量(以克为单位)是数字。 有工作 表示个人资料持有者是否有工作。所以它是一个布尔值。

{    "name": "john doe",    "date of birth": "2000-12-25",    "profession": "software engineer",    "number of pets": 2,    "weight of protein in grams": 12.5,    "has a job": true}

这是一个对象(文字),详细介绍了 john doe 个人资料的内容。

现在我们可以console.log它了。

console.log({  name: "john doe",  "date of birth": "2000-12-25",  profession: "software engineer",  "number of pets": 2,  "weight of protein in grams": 12.5,  "has a job": true,});

请注意,现在将键设置为字符串很重要。保持好奇心并使用字符串以外的其他东西作为键。你会学到很多东西。

计算器

数学是编程和科学的日常事务。我们不需要那么多数学。我们需要知道的是加法 (+)、减法 (-)、乘法 (*)、除法 (/),模 (%) 和指数 (**)。

从这里开始,模 (%) 和指数 (**) 对您来说是新的,因此我们将做一些数学运算。

// adding numbers with the plusconsole.log(3 + 3); // answer = 6console.log(1 + 2 + 4); // answer = 7// subtraction with dashconsole.log(6 - 3); // answer = 3console.log(-16 - 3); // answer = -19// multiplication with asteriskconsole.log(5 * 3); // answer = 15console.log(30 * 15); // answer = 450// division with forward slashconsole.log(30 / 5); // answer = 6console.log(12.25 / 0.5); // answer = 24.5// modulo (is the remainder after division is done) with the percentage sign (%)console.log(5 % 2); // answer = 1console.log(2 % 5); // answer = 2// exponent with two asterisks (**)console.log(5 ** 2); // answer = 5 * 5 = 25

变量

稍后,我们将在考虑为什么需要变量后讨论变量是什么。我认为您会根据您可能需要变量的原因来了解变量是什么。

让我们考虑一下到目前为止我们已经完成的字符串、数字、布尔值、对象和计算。我们如何获得这些值并对它们进行其他计算?我们使用一个变量。

因此我们可以将 3 + 3 的结果 6 存储或分配给变量。然后我们可以稍后使用该值。这样我们就可以跟踪变量的值(状态)。要知道,只要你看到一个变量,就有一个值。

变量是附加到值的标记、标签或名称。无论您在何处调用(引用)或使用该变量,都会引用该值。当我们说x为2时,x加上3,即x + 3。结果将是x + 3 = 2 + 3 = 5。

变量保存数据流中使用的数据。

cont 和 let
在 javascript 中,创建变量时使用 const 和 let(小写)。

让我们创建并使用一些变量

const name = "john doe";const dateofbirth = "2000-12-25";const profession = "software engineer";const numberofpets = 2;const weightofproteiningrams = 12.5;const hasajob = true;

以上变量是常量。如果我们希望它们可以更改(重新分配),我们可以使用 let 而不是 const。这样我们就可以为这些变量分配不同的值。尝试为 const 变量重新赋值。

这就是我们所说的为变量重新赋值的意思。

const name = "john doe";name = "peter dow";

或者

const name = "john doe";name = "john dow";

将导致此错误消息:uncaught typeerror:分配给常量变量。

变量注释

我们可以为之前创建的配置文件对象创建一个变量。

const profile = {  name: "John Doe",  "date of birth": "2000-12-25",  profession: "Software Engineer",  "number of pets": 2,  "weight of protein in grams": 12.5,  "has a job": true,};console.log(profile);

结论

还有