首页 > 编程语言 >基础知识——在 5 分钟内了解 Javascript 基础知识。

基础知识——在 5 分钟内了解 Javascript 基础知识。

时间:2022-08-31 04:55:56浏览次数:86  
标签:语句 javascript 函数 Javascript 分钟 运算符 数组 基础知识

基础知识——在 5 分钟内了解 Javascript 基础知识。

对新开发人员的快速且有价值的 Javascript 审查。

如果你和我一样,你喜欢编码,但在学习新事物几天后很难记住基本概念。我发现创建像这样的基本备忘单很有帮助,当事情开始在大脑中变得有点模糊时重新审视。当然,您可以在其他地方的教科书中学习或找到本指南的更多内容。但是,如果您已经非常熟悉 javascript,那么这将是一个很棒的 审查 当事情开始变得有点模糊加班时重新审视。

我喜欢每周在休息时间看一次,这样就不会觉得这是一件苦差事。我也喜欢加一点 昂首阔步 到我的笔记上,这样感觉就像我正在与朋友而不是与机器进行愉快的交谈,也就是一本无聊的教科书。所以放松并享受阅读。一旦您了解了基础知识,Javascript 实际上就非常酷。哇。我不敢相信我刚才这么说。我们已经在进步了!

书呆子警报。

好的,我们开始吧。

Teamwork make the dreamwork.

Javascript 允许我们在网页上提供功能。它由内置在 Web 浏览器中的引擎解释。它将网页上的元素视为可以操作以提供交互式用户体验的对象。

与所有其他编程语言一样,Javascript 使用变量,这些变量是可以在其中存储和稍后使用数据的容器。与其他编程语言不同,Javascript 变量易于使用,因为它们可以包含任何类型的数据(布尔值、数字、字符串、函数、对象)。

这里是 一些 的棘手的东西。重要的是,将 = 运算符视为“赋值”而不是“等于”,以避免与用于比较两个值的 === 相等运算符混淆。组合的 += 赋值运算符以及其他对应运算符分别对第一个变量执行算术运算,使其成为新的存储值。示例:a += b 等价于 a = (a+b)。

等式 (=) 和不等式 (!) 运算符在比较两个值以执行“条件分支”时很有用,其中脚本将根据返回的结果遵循特定方向。大于 (>) 和小于运算符通常用于在编程循环中测试计数器变量的值。逻辑运算符用于具有布尔值 true 或 false 的操作数,或者可以转换为 true 或 false 的值(&&、||、!)。

现在谈谈好东西……

任何计算机程序的进程都依赖于对条件的测试来决定流动的方向。每个测试可能会根据测试的结果呈现一个或多个“分支”以继续。 javascript 中的基本条件测试是使用 if 关键字(if 语句)执行的,该关键字测试布尔真或假结果的条件。编程循环是一个代码块,它测试一个条件并在测试结果保持为真时重复执行一个或多个语句(while 语句)。

然后是数组。我的馅饼上的苹果……我的意思是眼睛:)。

变量能够仅存储一个值或多个值,这些值在 javascript 中定义为一个数组。数组变量将值存储在方括号内的单独“元素”中。数组元素已经从零开始编号(从零开始的索引)。您可以通过在数组变量名称后面的方括号中声明其元素索引号来从数组中获取一个值。示例:汽车 [ 0 ]

数组变量有一个有用的长度属性,可以自动存储数组中元素的数量。你猜怎么着?数组和循环是完美的合作伙伴。循环可用于用值填充数组的元素。类似地,循环可用于快速读取每个数组元素中的值,并在每次循环时执行适合该值的操作。

不要离开。我们还是要讲一下前面提到的那些功能。这将是你的面包和黄油。还有奶酪、火鸡、lettu……好吧,没关系,我饿了-_-。

hungry coder….

javascript 函数只是一个命名的代码块,可以随时调用它来执行它包含的语句。 javascript 函数代码块以 javascript function 关键字开头,后跟空格和您选择的名称,然后是一对圆括号。函数名后面的圆括号 ( ) 可以包含一个“参数”——这就像一个变量,因为它可以存储要在函数语句中使用的值。发送给函数的值称为“参数”。此外,通过在函数代码块中添加 return 语句,可以使函数也将值发送回调用者。 return 语句可能是对发送给函数参数的参数值执行的某些操作的结果。另一个巧妙的事情是函数语句可以调用其他函数,但它们也可以调用它们出现的函数。这些被称为“递归”函数,其作用类似于循环,在每次传递时执行它包含的语句。

好东西。让我们继续下去。

Javascript 提供了许多可以调用以与用户交互的标准内置函数:confirm()、prompt()、new Date()、parseInt()、parseFloat()、toString()、math.round()、math .floor()、math.ceil()、math.max()、math.min()、math.random() 和 setTimeout()。

最后但并非最不重要。是时候认识 DOM 了。

“You can think of the DOM as a hierarchical structure of objects…” (Image Source : geeksforgeeks.org)

当您在浏览器中打开网页时,它会构建一个称为 DOM(文档对象模型)的项目家族树。 DOM 的文档对象提供了三个有用的方法,可以让您获取对 HTML 文档中元素的引用。第一个是 document.getElementById( ),它允许您使用对象的 id 属性值获取对对象的引用。第二种方法是 document.getElementByTagName( ),它获取作为参数给出的标签名称的所有元素的数组。最后一个方法是 document.getElementByClassName( ) ,它获取作为其参数给出的类名的所有元素的数组。

我们可以通过将 HTML 标签事件属性(例如 onclick)替换为 javascript“事件侦听器”来将功能与结构分离。一旦我们有一个元素的对象引用,我们就可以向该对象添加一个 addEventListener() 方法,让它响应用户操作。此方法需要在其 () 圆括号中的两个参数来说明它应该侦听的事件类型,以及在该事件发生时调用的函数的名称。

Javascript 也有一个有用的 indexOf( ) 方法,它需要在其圆括号中的字符串参数,并且当内容包含该字符串时将返回一个正整数。另一种方法是 preventDefault( ) ,它将禁用 Web 浏览器在任何给定函数中的通常行为。

只要多一点点…。

一旦您在 javascript 代码中引用了元素,您就可以设置值以动态更改其功能的状态:style.background、style.color、style.visibility、.disabled、.innerText 或 .innerHTML。

The finish line.

就是这样!我们完成了。我希望你喜欢这个快速回顾。如果您觉得这有帮助,请与您的朋友分享并鼓掌。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/2048/33183103

标签:语句,javascript,函数,Javascript,分钟,运算符,数组,基础知识
From: https://www.cnblogs.com/amboke/p/16641582.html

相关文章

  • 你需要知道的 Python 基础知识:数据结构
    你需要知道的Python基础知识:数据结构数据结构是一种存储、组织和处理数据的格式,它允许您有效地对其执行操作Photoby保罗花冈on不飞溅例如,存储人们的电子邮件地......
  • 工具函数(JavaScript)——如何判断设备是不是移动端
    浏览器有一个Navigator接口,表示用户代理的状态和标识。Navigator.userAgent可以知道客户端的设备类型。请求的请求标头有一个user-agent字段,内容中包含了设备型号的信......
  • 关于 JavaScript 函数的思考
    函数可以将一堆重复的代码整合成一个整体,在需要改变的地方通过参数传值来改变。比如,根据类型查询数据,接口返回的数据一样,后续处理这个数据的逻辑也是一样的,只有类型和输入......
  • JavaScript 引擎,一个真实的故事(第 1 部分)
    JavaScript引擎,一个真实的故事(第1部分)一个任何使用过JavaScript的人都可能熟悉V8引擎。大多数人都知道JavaScript在单线程中运行并使用回调,这对于语言引擎背后......
  • 5分钟搞定 关系型数据库 到 Flink 数据同步
    简述实时数据处理领域中,使用Flink方式,除了从日志服务订阅埋点数据外,总离不开从关系型数据库订阅并处理相关业务数据,这时就需要监测并捕获数据库增量数据,将变更按发生的......
  • 5分钟搞定MySQL/PostgreSQL/Oracle到StarRocks数据迁移同步-CloudCanal实战
    ##简述CloudCanal2.1.0.x版本开始支持StarRocks作为对端的数据迁移同步能力本文通过MySQL->StarRocks的数据迁移同步案例简要介绍这个源端的能力。链路特点:-结......
  • Javascript解构赋值
    Javascript解构赋值解构赋值语法是一种Javascript表达式。通过解构赋值可以将属性/值从对象/数组中取出,赋值给其他变量引用链接语法vara,b,rest;[a,b]=[......
  • B/S端界面控件DevExtreme JavaScript—全新的UI模板库 (v22.2)
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能......
  • 2022-08-29 期货沪金银铜的5分钟三卖,与日线状态息息相关
    沪银主连日线,可以难道已经是日线级别三卖,这与沪金,沪铜很不一样30分钟一开盘,是一个30分钟的三卖又形成5分钟大阴线向下,在下面盘整的时间和力度比沪金和沪铜都更长夜间开......
  • 你对 JavaScript 中的变量了解多少?
    你知道多少JavaScript中的变量?昨天,当我搞砸了变量时,我正在研究我的开尔文天气项目。该项目需要声明许多变量以将温度程度从一个更改为另一个。因此对于像我这样的Roo......