JavaScript 基础知识:第 1 部分

javascript 基础知识:第 1 部分

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 时,请在输入代码时保存它,然后运行它。

细绳

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

示例

“lorem ipsum”’lorem ipsum’lorem ipsum“哦!那个库是由ant fu开发的,一个狂热的开源者?”“丹尼的妈妈是一位科技首席执行官”“我想在字符串中使用单引号。那么使用双引号作为引号不是更好吗?”’我想在字符串中使用双引号。单引号表示,“有一个名为 foo bar 的字符串”’“我可以混合搭配单引号和反引号中的双引号”,john doe 的爸爸说。

上面的示例向您展示了如何使用字符串,并指出了在 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当你想分配一个可能改变的值时使用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 和 let。它采用以下形式:let = ;是名称/标签/短语。看看上面的 const 变量。必须以字母字符或下划线(_)开头中不能有空格。由于空格,我的名字不能是变量名。中可以有数字。根据前面的规则,我们可以有name1、a1、_pet3_、max_life、max_life、maxlife、maxlife等变量名称最好描述或告知您它所保存的数据或变量的用途。这些变量:max_life、max_life、maxlife、maxlife,说同样的话,最大寿命。使用了这种格式,maxlife,称为camelcasing。这个,maxlife就是pascalcasing。这个max_life,就是snake_casing。这个 max_life 用于创建常量。

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

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);

结论

还有更多关于数据和数据流的讨论。到目前为止,我们已经了解了字符串、数字、布尔值和对象文字。正如我们所讨论的,变量是一种跟踪值的方法。语句 const x = 2 值 2 赋给变量 x。

等于符号=,是赋值运算符。这就是为什么我们说,变量 x 被赋值为 2.

我们还有更多关于 javascript 的内容可以讨论,例如:

字符串插值及其方法要点数组控制结构(if 语句、循环)功能回调、承诺、异步和等待下一件大事

以上就是JavaScript 基础知识:第 1 部分的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491531.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
HTPX 简介:适用于 JavaScript 和 Nodejs 的轻量级多功能 HTTP 客户端
上一篇 2025年12月19日 14:02:42
如何出售 Nextjs 代码并增加收入
下一篇 2025年12月19日 14:02:52

相关推荐

  • 深入理解 Laravel Session::put:避免常见陷阱与实现表单限流

    本文旨在深入探讨 laravel 框架中 `session::put` 方法的正确用法及其常见误区。针对用户在实现表单提交限流时遇到的问题,详细阐述了 `session::put` 必须提供键值对的原理,并提供了如何在控制器中利用会话机制有效防止重复提交的实战代码示例。通过本文,读者将掌握 lara…

    2026年5月10日
    000
  • jQuery对象类型判断机制详解:toType函数如何精准识别对象类型?

    深入解析jquery对象类型判断机制:totype函数详解 本文将深入剖析jQuery中用于精准识别对象类型的toType函数,并详细解释其核心代码片段。该函数旨在判断传入对象的类型并返回其类型字符串。 核心代码如下: var class2type = {};var toString = class…

    2026年5月10日
    000
  • JavaScript中为动态列表元素创建唯一悬停描述的教程

    本教程旨在解决如何为动态生成的列表或数组元素分配唯一悬停描述(tooltip)的问题。文章将深入探讨使用javascript对象和map数据结构来高效地管理名称与描述的映射关系,并提供具体的代码示例,以实现每个列表项在鼠标悬停时显示不同的自定义信息,同时兼顾性能与数据顺序的需求。 在网页开发中,我们…

    2026年5月10日
    000
  • PHP中通过键名高效关联与输出多维数组数据

    本教程旨在解决php开发中常见的数据关联与输出问题,特别是当需要将不同数组中通过共同键名关联的数据进行整合展示时。文章将详细阐述如何利用foreach循环的键值对特性,结合array_key_exists函数,实现从多个数组中提取并组合相关信息,从而避免不必要的嵌套循环,提升代码的清晰度和执行效率。…

    2026年5月10日
    000
  • 怎么安装html5_HTML5开发环境安装与配置详细步骤

    答案是配置HTML5开发环境需三步:1. 安装VS Code等编辑器并配置插件;2. 使用Chrome或Firefox测试页面;3. 可选搭建本地服务器,如Live Server或http-server;最后创建index.html文件验证环境。 安装HTML5开发环境其实并不复杂,因为HTML5本…

    2026年5月10日
    000
  • 怎样用Golang实现一个简单的键值存储 基于文件持久化方案

    怎样用Golang实现一个简单的键值存储 基于文件持久化方案怎样用Golang实现一个简单的键值存储 基于文件持久化方案怎样用Golang实现一个简单的键值存储 基于文件持久化方案怎样用Golang实现一个简单的键值存储 基于文件持久化方案

    要实现一个简单的键值存储系统,需结合golang与文件持久化方案。1. 使用map[string]string作为内存数据结构,选择json或gob进行序列化;2. 围绕map实现crud操作,写入后立即或定时刷新到磁盘,并在启动时加载数据;3. 文件策略可选每次写入刷盘、定时异步刷盘或日志记录变更…

    2026年5月10日 用户投稿
    000
  • python中怎么删除字典中的键值对_Python删除字典元素的方法

    删除字典键值对有四种方法:del语句删除指定键,pop()删除键并返回值,popitem()随机删除键值对,clear()清空字典。 在 Python 中,删除字典中的键值对主要有几种方式:使用 del 语句直接删除指定键,利用 pop() 方法删除指定键并获取其对应的值,或者通过 popitem(…

    2026年5月10日
    000
  • C++ 数据结构指南:理清复杂数据组织之道

    答案: c++++ 数据结构是组织和管理数据的构建块,优化检索和处理。常见结构:数组:有序集合,通过索引访问向量:动态数组,快速插入和删除链表:灵活插入和删除堆栈:lifo 原则队列:fifo 原则树:分层结构哈希表:快速键值查找应用: 数据存储、算法设计、图形处理、人工智能等。实战案例: 使用学生…

    2026年5月10日
    000
  • 从LocalStorage中获取并显示特定JSON对象属性的教程

    本文详细介绍了如何从浏览器localstorage中检索存储为json字符串的复杂数据,并提取其中的特定属性值以显示在网页元素中。核心方法是使用`json.parse()`将存储的字符串转换回javascript对象,然后通过点或方括号语法访问所需属性。文章还提供了示例代码和错误处理建议,确保数据获…

    2026年5月10日
    100
  • JavaScript数据结构实现_javascript算法基础

    JavaScript中常用数据结构包括栈、链表和字典:1. 栈利用数组的push和pop实现LIFO,适用于括号匹配;2. 链表由节点组成,插入删除高效,适合频繁修改场景;3. 字典用对象实现键值对存储,常用于频率统计;4. 二分查找在有序数组中以O(log n)效率查找目标值,需数组已排序。掌握这…

    2026年5月10日
    000
  • python中del是什么意思 python中del删除对象的用法解析

    在python中,del用于删除对象的引用。1)删除变量:del x会移除变量x的引用,导致x不再存在。2)删除列表元素:del my_list[2]会删除索引为2的元素。3)删除列表切片:del my_list[1:3]会删除指定范围内的元素。4)删除字典键值对:del my_dict[&#821…

    2026年5月10日
    000
  • Laravel Session::put 正确用法详解与常见误区规避

    本文详细探讨了 laravel 中 `session::put` 方法的正确用法,特别指出在仅提供键名而未指定值时可能导致会话数据未被正确设置的问题。通过示例代码,阐述了如何为会话数据赋予明确的值,并演示了如何正确地检查和获取会话数据,以确保会话管理功能按预期工作,有效避免常见的会话操作错误。 La…

    2026年5月10日
    000
  • PHP中批量为嵌套数组元素添加公共属性的教程

    本教程将详细介绍在php中如何高效地为包含多个关联数组的集合中的每个子数组添加一个或多个新的公共键值对。我们将探讨使用循环和数组合并函数实现这一目标的方法,并提供清晰的代码示例,帮助开发者处理此类数据结构转换。 在PHP开发中,我们经常会遇到处理复杂数据结构的需求,其中一种常见场景是拥有一个由多个关…

    2026年5月10日
    000
  • 如何通过URL查询参数在不同HTML页面间传递数据

    本教程详细阐述了如何在不同HTML页面之间传递数据,特别聚焦于使用URL查询参数的方法。我们将通过一个点餐系统示例,演示如何从一个菜单页面获取商品名称和价格,并通过点击按钮将其安全地传递到支付页面,并在支付页面自动填充相应的表单输入框。文章涵盖了数据编码、URL构建以及在目标页面解析和使用这些数据,…

    2026年5月10日
    100
  • 掌握Python中嵌套列表与字典的数据访问技巧

    本文详细介绍了在Python中如何高效且准确地访问复杂嵌套数据结构(特别是包含列表和字典的多层JSON数据)中的特定值。通过具体示例,文章解释了直接索引列表元素和字典键的正确方法,避免了常见的类型错误,并提供了处理多条记录和潜在数据缺失的健壮性建议,旨在帮助开发者熟练提取深层数据。 理解嵌套数据结构…

    2026年5月10日
    000
  • 怎样使用C++标准库容器 vector map set核心操作

    c++++标准库中的vector、map和set分别适用于动态数组、键值对存储和唯一元素集合场景。1. vector支持动态大小数组,常用操作包括push_back、emplace_back添加元素,at或下标访问,erase删除元素,reserve预分配内存而不改变大小,resize则改变元素数量…

    2026年5月10日
    000
  • JavaScript:从LocalStorage中获取JSON对象的特定属性值

    本文将指导如何在javascript中从localstorage存储的json字符串中提取并显示特定属性的值。通过使用`json.parse()`方法将存储的字符串转换为javascript对象,然后直接访问其属性,可以精确地获取所需数据并更新dom元素。 理解LocalStorage与JSON数据…

    2026年5月10日
    000
  • 如何使用Go语言编写高性能键值对存储器?

    Go语言高性能键值存储方案探讨 本文探讨如何使用Go语言构建一个高性能的键值对内存存储,类似于Redis。许多开发者首先想到的是使用map,但Go的map并非线程安全。虽然sync.Map解决了这个问题,但其性能是否最佳仍存在争议。因此,我们需权衡sync.Map、第三方concurrentMap以…

    2026年5月10日
    100
  • Python 中如何对字典数据进行格式化输出与对齐

    python字典优雅输出方法:1. 使用f-string进行基本格式化,嵌入变量并控制输出;2. 利用ljust()、rjust()、center()方法对齐键值对,解决长度不一致问题;3. 对于复杂嵌套字典,使用tabulate库以表格形式输出,实现更精细的控制和多种格式支持。 通过选择合适的方法…

    2026年5月10日
    000
  • 利用php数组函数映射数据_通过php数组函数优化数据转换的技巧

    array_map用于转换数组元素,array_column提取关联数组列,array_walk原地修改数组,三者组合可高效处理PHP数组数据。 在PHP开发中,处理数组数据是日常任务之一。当需要对数组中的每个元素进行转换或提取特定信息时,使用PHP内置的数组函数不仅能提升代码可读性,还能显著提高执…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信