当前位置：首页 > news >正文

javaScript语法基础（函数，对象，常用类Array，String，Math和Date）

news 文章来源：https://blog.csdn.net/CH040708/article/details/143809228 2024/11/26 12:31:45

# 本文详细结束了JavaScript中函数、对象、常用类Array，String，Math和Date的用法。

一、函数

1、概述

将程序中多次要用到的代码块封装起来，就是函数。
函数使代码块的重复使用更方便，且功能独立，便于维护。

2、函数的定义与使用

①. 简介

函数可以使用参数来传递数据，也可以不使用参数。
函数在完成功能后可以有返回值，也可以没有返回值。

function 函数名(参数1,参数2…)
{函数体；return 返回值;  
}function 函数名(参数1,参数2…)
{语句；......return 表达式;  //return语句指明被返回的值
}

②. 函数的使用

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS的函数</title>
</head>
<body><script>function calculator(a, b){var c = a+b;return c;        }var result = calculator(1,1);console.log("result =" +result);</script>
</body>
</html>

代码运行后如下：

③.在JS程序中被调用（包括有返回值和无返回值的调用）

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS的函数</title>
</head>
<body><script>function calculator(a, b){c = a+b;alert("a+b=" + c); return c;        }var result = calculator(1,1);console.log("result =" +result);// 1. 在JS程序中被调用 （包括有返回值和无返回值的调用）console.log("a+b=" + c)</script></body>
</html>

代码运行后如下：

3、监听点击事件

①.在按钮被点击时调用

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS的函数</title>
</head>
<body><script>function calculator(a, b){c = a+b;alert("a+b=" + c); return c;        }</script><!-- 2. 在按钮或超链接被点击时调用（监听点击事件） --><!-- 2.1 监听按钮点击 --><input type="submit" value="计算a+b的和" onclick="calculator(1,2)"/></body>
</html>

代码运行后如下：

②.在超链接被点击时调用

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS的函数</title>
</head>
<body><script>function calculator(a, b){c = a+b;alert("a+b=" + c); return c;        }</script><!-- 2.2 监听超链接点击 --><a href="#" onclick="calculator(3,4)">百度一下，你就知道</a>
</body>
</html>

代码运行后如下：

4、变量

变量的作用域：变量分为全局变量和局部变量。全局变量定义在所有函数之外，作用范围是所有函数；局部变量定义在函数之内，只对该函数可见，对其它函数不可见。

全局变量和局部变量的运用

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS的函数</title>
</head>
<body><script>var c=1;  //全局变量，既可以作用于所有函数内，又可以作用于函数外function calculator1(a,b){   var d=2;     //局部变量，只作用与函数内return (a+b+c)*d;  //返回6}rlt1 = calculator1(1,1)console.log("计算结果为:" + rlt1)rlt2 = (1+1+c)*d      //函数外无法调用局部变量d，控制台报错 console.log("计算结果为:" + rlt2)</script></body>
</html>

代码运行后如下：

二、对象

1、概述

对象（object）是 JavaScript 中最重要的数据类型，
是一组“键值对”的集合体。类似Python中的字典。
其中，键可以为变量名（此时称为对象的属性）和函数名（此时称为对象的方法）

2、对象的定义和使用

定义一个对象（类似于python里面的类，其结构是键值对）
使用一个对象的属性和方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js的对象</title>
</head>
<body><script>// 1.定义一个对象（类似于python里面的类，其结构是键值对）var person={age:18,sex:"female_",calculator:function(a,b){return a+b;}}// 2.使用一个对象的属性和方法console.log(person.age)  //使用对象的属性console.log(person.calculator(1,1))//使用对象的方法</script>
</body>
</html>

代码运行后如下：

3、js的常用对象

①.Array对象

1.根据Array对象，得到一个对应的数组实例和往数组里面添加一个新的元素（入栈）

<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js的常用对象</title>
</head>
<body><script>//1.根据Array对象，得到一个对应的数组实例//var arr= new Array("john","tom","joe");var arr= new Array("11","22","33");//2.往数组里面添加一个新的元素（入栈）length = arr.push("zhangsan")  //返回数组的长度for(const i in arr ){console.log(arr[i]);}</script>
</body>
</html>

代码运行后如下：

2.颠倒数组元素

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js的常用对象</title>
</head>
<body><script>//1.根据Array对象，得到一个对应的数组实例var arr= new Array("11","22","33");length = arr.push("zhangsan")//4.颠倒数组元素console.log(arr.reverse());</body>
</html>

代码运行后如下：

3.获取数组中某个元素的索引

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js的常用对象</title>
</head>
<body><script>//1.根据Array对象，得到一个对应的数组实例var arr= new Array("11","22","33");length = arr.push("zhangsan")//5.获取数组中某个元素的索引console.log(arr.indexOf("11"));console.log(arr.indexOf("33"));</body>
</html>

代码运行后如下：

②.String类

1.定义一个字符串

var str = new String("我爱北京天安门")

2.获取字符串的长度

len = srt.length
console.log(`字符串长度为:${len}`);

3.返回指定索引的字符（索引不能为负数）

 var i= 1ch = str.charAt(1)console.log (`索引${i}对应字符为：${ch}`);var a =  "aaa"var b = "bbb"var c = "ccc"

4.concat 用于顺序连接多个字符串，返回一个新字符串

 var d = a+b+cvar d = a.concat(b,c,e)console.log(d);

5.获取某个字符索引

console.log(str.indexOf("爱"));

6.按照指定规则分割字符串

var str = "aaa  bbb  ccc"
console.log(str.split("b"))

③.Math类

1.abs方法返回参数值的绝对值

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js的内置对象Math</title>
</head>
<body><script>//1.abs方法返回参数值的绝对值console.log(Math.abs(1)) //1console.log(Math.abs(-1))//1</script>
</body>
</html>

代码运行后如下：

2.max和min方法返回参数值的最大值和最小值

        //2.max和min方法返回参数值的最大值和最小值console.log(Math.max(1,2,3))//3console.log(Math.min(1,2,3))//1

代码运行后如下：

3..random返回[0,1]之间的一个伪随机数

//4.random返回[0,1]之间的一个伪随机数for(var index = 1;index <=5; index++){console.log(Math.random())}

代码运行后如下：

④.Date类

//创建一个新的Date 实例，表示当前日期和时间const now = new Date();
//获取年份（四位数的年份，比如2024）const year = now.getFullYear();

javaScript语法基础（函数，对象，常用类Array，String，Math和Date）

# 本文详细结束了JavaScript中函数、对象、常用类Array，String，Math和Date的用法。一、函数 1、概述将程序中多次要用到的代码块封装起来，就是函数。函数使代码块的重复使用更方便，且功能独立，便于维护。 2、函数的…...

编程日记 2024/11/21 5:50:26

WebStorm 2022.3.2/IntelliJ IDEA 2024.3出现elementUI提示未知 HTML 标记、组件引用爆红等问题处理

WebStorm 2022.3.2/IntelliJ IDEA 2024.3出现elementUI提示未知 HTML 标记、组件引用爆红等问题处理 1. 标题识别elementUI组件爆红这个原因是： 在官网说明里，才版本2024.1开始，默认启用的 Vue Language Server，但是在 Vue 2 项…...

编程日记 2024/11/21 5:49:22

k8s-NetworkPolicy

NetworkPolicy 是k8s中的网络策略可以限制pod以及namespace之间的访问流量演示一下名称空间之间基于端口的访问限制官方对networkpolicy的介绍官方网址： 网络策略 |Kubernetes （简体中文） 一：创建NetworkPolicy vim…...

编程日记 2024/11/21 5:48:21

【C++】踏上C++学习之旅（九）：深入“类和对象“世界，掌握编程的黄金法则（四）（包含四大默认成员函数的练习以及const对象）

文章目录前言1. 实现Date类的构造函数2. 实现Date类的拷贝构造函数3. 实现Date类的赋值运算符重载4. 实现各Date对象之间的比较接口5. 实现Date对象的加减接口6. const成员7. 取地址及const取地址操作符重载前言在我们前面学习到了"类和对象"的四大默认成员函数(…...

编程日记 2024/11/21 5:47:19

C++——智能指针剖析

参考： 恋恋风辰官方博客动态内存管理 - cppreference.com SRombauts/shared_ptr： 一个最小的 shared/unique_ptr 实现，用于处理 boost/std：：shared/unique_ptr 不可用的情况。 C智能指针_c 智能指针-CSDN博客当…...

编程日记 2024/11/21 5:45:16

241119.LeetCode——383.赎金信

题目描述给你两个字符串：ransomNote 和 magazine ，判断 ransomNote 能不能由 magazine 里面的字符构成。如果可以，返回 true ；否则返回 false 。 magazine 中的每个字符只能在 ransomNote 中使用一次。示例 1： 输…...

编程日记 2024/11/21 5:44:15

基于SSM的农家乐管理系统+论文示例参考

1.项目介绍功能模块：管理员（农家乐管理、美食信息管理、住宿信息管理、活动信息、用户管理、活动报名、论坛等），普通用户（注册登录、活动报名、客房预订、用户评价、收藏管理、模拟支付等）技术选型&#…...

编程日记 2024/11/21 5:41:11

用 Python 从零开始创建神经网络（九）：反向传播（Backpropagation）（还在更新中。。。）

反向传播（Backpropagation） 引言1. 分类交叉熵损失导数（Categorical Cross-Entropy loss derivative）2. 分类交叉熵损失衍生代码实现3. Softmax激活导数（Softmax activation derivative）4. Softmax激活函数…...

编程日记 2024/11/21 5:40:09

Flink是如何实现 End-To-End Exactly-once的？

flink 如何实现端到端的 Exactly-once? 端到端包含 Source, Transformation,Sink 三部分的Exactly-once Source：支持数据的replay，如Kafka的offset。Transformation：借助于checkpointSink：Checkpoint 两阶段事务提交两阶段提…...

编程日记 2024/11/21 5:39:06

【vulhub】nginx解析漏洞(nginx_parsing_vulnerability)

1. nginx解析漏洞原理 fastcgi 在处理’.php’文件时发现文件并不存在,这时 php.ini 配置文件中cgi.fix_pathinfo1 发挥作用,这项配置用于修复路径,如果当前路径不存在则采用上层路径 (1)由于 nginx.conf的配置导致 nginx把以’.php”结尾的文件交给 fastcgi 处理,为此可以构造…...

编程日记 2024/11/21 5:38:05

网络协议之邮件协议（SMTP、POP3与IMAP）

一、引言在数字化时代，电子邮件已成为人们日常沟通和信息交流的重要工具。电子邮件系统的稳定运行离不开一系列网络协议的支撑，其中SMTP、POP3和IMAP是最为关键的三个协议。它们分别负责邮件的发送、接收和管理，共同构建了一个高效、稳定的…...

编程日记 2024/11/21 5:37:04

python学习笔记（3）运算符

Python 语言支持的运算符: Python 语言支持以下类型的运算符: 算术运算符比较（关系）运算符赋值运算符逻辑运算符位运算符成员运算符身份运算符运算符优先级接下来让我们一个个来学习Python的运算符。 Python算术运算符运算符描述实例加 - 两…...

编程日记 2024/11/21 5:36:02

_FYAW智能显示控制仪表的简单使用_串口通信

一、简介该仪表可以实时显示位移传感器的测量值，并可设定阈值等。先谈谈简单的使用方法，通过说明书，我们可以知道长按SET键可以进入参数选择状态，按“↑”“↓”可以选择该组参数的上一个或者下一个参数。从参数一览中可以看到有…...

编程日记 2024/11/21 5:35:01

激光雷达定位初始化的另外一个方案通过键盘按键移动当前位姿（附python代码）

通常使用的是通过在 rviz 中点选指定初始化位置和方向来完成点云的初始化匹配。但是这种粗略的初始化方法有时候可能不成功，因此需要使用准确的初始化方法，以更好的初始值进行无损检测配准。为了提供更好的匹配初始值，我使用 Python 脚本获取键盘输入，并不断调整这个匹配…...

编程日记 2024/11/21 5:33:59

从0-1逐步搭建一个前端脚手架工具并发布到npm

前言 vue-cli 和 create-react-app 等 cli 脚手架工具用于快速搭建应用，无需手动配置复杂的构建环境。本文介绍如何使用 rollup 搭建一个脚手架工具。脚手架工具的工作流程简言为：提供远端仓库各种模版 > 用户通过命令选择模版 > 拉取仓库代码 …...

编程日记 2024/11/21 5:32:58

河道水位流量一体化自动监测系统：航运安全的护航使者

在广袤的水域世界中，航运安全始终是至关重要的课题。而河道水位流量一体化自动监测系统的出现，如同一位强大的护航使者，为航运事业的稳定发展提供了坚实的保障。水位传感器：负责实时监测河道的水位变化。这些传感器通常采用先进的…...

编程日记 2024/11/21 5:30:55

维护在线重做日志

学习目标解释在线重做日志文件的目的概述在线重做日志文件的结构控制日志开关和检查点多路复用和维护在线重做日志文件使用OMF管理在线重做日志文件获取在线重做日志文件信息在线重做日志文件提供了在数据库发生故障时重做事务的方法。每个事务都同步写入重做日志缓冲区&a…...

编程日记 2024/11/21 5:29:54

ASCB1系列APP操控末端回路智能微断物联网断路器远程控制开关学校、工厂、农场、商业大楼等可用

安科瑞戴婷 Acrel-Fanny ASCB1系列智能微型断路器是安科瑞电气股份有限公司全新推出的智慧用电产品，产品由智能微型断路器与智能网关两部分组成，可用于对用电线路的关键电气因素，如电压、电流、功率、温度、漏电、能耗等进行实时监测&#x…...

编程日记 2024/11/21 5:28:52

Python面向对象进阶 🚀 1. 继承与多态 🔄 1.1 继承基础 class Animal:def __init__(self, name, age):self.name nameself.age agedef speak(self):passdef describe(self):return f"{self.name} is {self.age} years old"class Dog(Anim…...

编程日记 2024/11/21 5:27:51

Makefile 之自动化变量

作用范围只在这条规则以及连带规则中，所以其值也只在作用范围内有效。而不会影响规则链以外的全局变量的值。 "$" 表示目标的集合，就像一个数组，"$"依次取出目标，并执于命令。 "$<"和"$&qu…...

编程日记 2024/11/21 5:26:50

鸿蒙开发：ForEach中为什么键值生成函数很重要

前言在列表组件使用的时候，如List、Grid、WaterFlow等，循环渲染时都会使用到ForEach或者LazyForEach，当然了，也有单独使用的场景，如下，一个很简单的列表组件使用，这种使用方式，在官…...

编程日记 2024/11/21 5:25:47

沃丰科技智能外呼机器人：超越人工，重塑外呼体验

随着科技的不断发展，人工智能已经逐渐渗透到各行各业，其中智能外呼机器人的出现，更是给企业带来了全新的客户体验。与传统的人工外呼相比，智能外呼机器人具有更高的效率、更低的成本以及更好的用户体验等优势。优势一&#xff1…...

编程日记 2024/11/21 5:24:45

百度飞浆：paddle 线性回归模型

学习引用参考视频： https://www.bilibili.com/video/BV1oRtkeVEVx?spm_id_from333.788.player.switch&vd_sourcec7739de98d044e74cdc74d6e772bed5f&p2 这段代码使用PaddlePaddle深度学习框架来实现一个简单的线性回归模型，旨在从给定的出租车…...

编程日记 2024/11/21 5:23:44

【JavaSE】【网络编程】UDP数据报套接字编程

目录一、网络编程简介二、Socket套接字三、TCP/UDP简介3.1 有连接 vs 无连接3.2 可靠传输 vs 不可靠传输3.3 面向字节流 vs 面向数据报3.4 双向工 vs 单行工四、UDP数据报套接字编程4.1 API介绍4.1.1 DatagramSocket类4.1.1.1 构造方法4.1.1.2 主要方法 4.1.2 DatagramPocket…...

编程日记 2024/11/21 5:22:43

45.坑王驾到第九期：Mac安装typescript后tsc命令无效的问题

点赞收藏加关注，你也能主打别墅！ 一、问题描述 Mac上终端运行如下命令： sudo npm install typescript -g //全局安装ts提示成功安装后，我测试tsc -v这个命令时出现如下错误： 也就是说找不到 tsc 命令。二、解决方…...

编程日记 2024/11/21 5:21:42

20241120-Milvus向量数据库快速体验

目录 20241120-Milvus向量数据库快速体验Milvus 向量数据库pymilvus内嵌向量数据库模式设置向量数据库创建 Collections准备数据用向量表示文本插入数据语义搜索向量搜索带元数据过滤的向量搜索查询通过主键搜索删除实体加载现有数据删除 Collections了解更多个人主页: 【⭐…...

编程日记 2024/11/21 5:20:40

【Golang】——Gin 框架中间件详解：从基础到实战

中间件是 Web 应用开发中常见的功能模块，Gin 框架支持自定义和使用内置的中间件，让你在请求到达路由处理函数前进行一系列预处理操作。这篇博客将涵盖中间件的概念、内置中间件的用法、如何编写自定义中间件，以及在实际应用中的一些最佳实践。…...

编程日记 2024/11/21 5:18:36

量子计算来袭：如何保护未来的数字世界

目录前言一、量子计算安全的学习方向 1. 量子物理学基础 2. 量子计算原理与技术 3. 传统网络安全知识 4. 量子密码学 5. 量子计算安全政策与法规二、量子计算的漏洞风险 1. 加密算法被破解风险 2. 区块链安全风险 3. 量子密钥分发风险 4. 量子计算系统自身风险 …...

编程日记 2024/11/21 5:17:34

VMware虚拟机(Ubuntu或centOS)共享宿主机网络资源

VMware虚拟机(Ubuntu或centOS)共享宿主机网络资源由于需要在 Linux 环境下进行一些测试工作，于是决定使用 VMware 虚拟化软件来安装 Ubuntu 24.04 .1操作系统。考虑到测试过程中需要访问 Github ，要使用Docker拉去镜像等外部网络资源，因此产…...

编程日记 2024/11/21 5:16:32

光伏电站仿真系统的作用

光伏仿真系统有多方面的重要作用，不仅对前期的项目设计评估还是后期的运维效验都有非常重要的作用。 1、优化系统设计通过输入不同的光伏组件参数、布局方案以及气象条件等，模拟各种设计场景下光伏电站的性能表现。例如，可以比较不同类型光…...

编程日记 2024/11/21 5:15:31

fastcomet wordpress/高质量软文

对于一些数据量较大的系统，数据库面临的问题除了查询效率低下，还有就是数据入库时间长。特别像报表系统，每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此，优化数据库插入性能是很有意义的。经过对MySQL Inn…...

编程日记 2024/11/26 10:07:03

东至县住房和城乡建设网站/seo工具下载

前言继荣凯同学写的tomcat间Session共享时，tomcat的配置： http://blog.csdn.net/srk950606/article/details/72867537 我来总结一下nginx如何来配置； 文档概述本文档适用于开始了解Tomcat Session共享技术、需要配置nginx的人使用&…...

编程日记 2024/11/26 6:39:07

wordpress 中文图片/网页制作与设计教程

肖战作为“X玖少年团”的主唱，在《陈情令》饰演夷陵老祖魏无羡)走红，并一直坚持抗强扶弱的信念，在《陈情令》中演唱了魏无羡主题曲“曲尽陈情”和合唱团“无羁”。他的演技得到了大家的认可，随后的一系列活动巩固了他的最高地位。…...

编程日记 2024/11/26 6:04:23

wordpress清新/上海网络推广专员

<jQuery EasyUI最新版下载> 在本教程中，你将学习到有关于easyui折叠面板的知识。折叠面板包含了一系列的面板，其中所有的面板标题都是可见的，但只有一个面板的主体内容在某个时间是可见的。当用户点击面板标题时，该面板的主…...

编程日记 2024/11/26 6:01:21

做推广网站费用/bt蚂蚁磁力搜索天堂

文章目录前言前言 private int partition(ProducerRecord<K, V> record, byte[] serializedKey, byte[] serializedValue, Cluster cluster) {//如果你的这个消息已经分配了分区号，那直接就用这个分区号就可以了//但是正常情况下，消息是没有分区号…...

编程日记 2024/11/26 2:41:51

上海做网站的公司官网/seo每日一贴

列表创建列表：[ ],元素用‘ ，’隔开。里面可以放任何类型的数据。向列表添加元素：列表名.append（） 元素放到最后。estend()扩充列表，estend([…]). insert()指定位置[位置，元素].从零开始&…...

编程日记 2024/11/25 23:19:09

一、函数

1、概述

2、函数的定义与使用

①. 简介

②. 函数的使用

代码运行后如下：

③.在JS程序中被调用 （包括有返回值和无返回值的调用）

代码运行后如下：

3、监听点击事件

①.在按钮被点击时调用

代码运行后如下：

②.在超链接被点击时调用

代码运行后如下：

二、对象

1、概述

2、对象的定义和使用

代码运行后如下：

3、js的常用对象

①.Array对象

1.根据Array对象，得到一个对应的数组实例和往数组里面添加一个新的元素（入栈）

代码运行后如下：

2.颠倒数组元素

代码运行后如下：

3.获取数组中某个元素的索引

代码运行后如下：

②.String类

1.定义一个字符串

2.获取字符串的长度

3.返回指定索引的字符（索引不能为负数）

4.concat 用于顺序连接多个字符串，返回一个新字符串

5.获取某个字符索引

6.按照指定规则分割字符串

③.Math类

1.abs方法返回参数值的绝对值

代码运行后如下：

2.max和min方法返回参数值的最大值和最小值

代码运行后如下：

3..random返回[0,1]之间的一个伪随机数

代码运行后如下：

④.Date类

相关文章：

③.在JS程序中被调用（包括有返回值和无返回值的调用）