JavaScript 基础2

news2025/1/6 11:24:34

js的运算符

算数运算符

+ 相加求和,如果用在字符串则是拼接

-相减求差

*相乘求积

/相除求商

%模除求余

具体用法如下

let num = 154
let num2 = 15
document.write(num+num2)
document.write(`<br>`)
document.write(num-num2)
document.write(`<br>`)
document.write(num*num2)
document.write(`<br>`)
document.write(num/num2)
document.write(`<br>`)
document.write(num%num2)
document.write(`<br>`)

最后输出结果

赋值运算符

a=b,把b赋值给a
a+=b,a=a+b
a-=b,a=a-b
a*=b,a=a*b
a/=b,a=a/b
a%=b,a=a%b

自增自减运算符

let num = 114514

num++  等价于  num=num+1

num--  等价于  num=num-1

每次增或者减的单位都是1

比较运算符

let a=12,b=22
a>b   false,a大于b,判断为假
a<b   true,a小于吧=b,判断为真
a>=b   false,a大于或者等于b,判断为假
a<=b   true,a小于或者等于b,判断为真
a!=b true,a不等于b,判断为真
a!==b true,a不全等于b,判断为真


a==b   false,a等于b,判断为假
a===b   false,a等于b并且a与b类型相同,判断为假
如果a是100,b是"100",则a==b为true,a===b为false。
如果a是100,b是100,则a==b为true,a===b为true。
a!==b a和b不相同,并且类型也不同
大于小于这些都和==类似,不判断类型是否相同

逻辑运算符

 &&  两边同时为真则为真

||  两边有一个真就是真,如果都是假则为假

!  布尔值反转,真变假,假变真

^  二进制的运算
a    = 0111 0101

b    = 1001 1010

a^b = 1110 1111

二进制相同位数的值不同为1,相同为0

短路:
在a&&b运算的时候如果a判断为假,则整个a&&b都为假,不会判断b
在a||b的运算的时候,如果判断a为真,则整个a||b为真,不会判断b

三元运算符

a ? b :c
如果a为真,值为b,否则值为c
 

//补0案例 输入1 输出01
let num = prompt("input a number")
document.Write(`${num < 10 ? "0"+num : num}`)

输入小于十的数会补一个0 

if语句

if,判断

if(表达式){
    语句
}

如果表达式的为真,则执行语句。为假不执行

if...else...

if(表达式){
语句a
}else{
语句b
}

如果表达式为真执行语句a否则执行语句b

if...else if...else

if(表达式1){
语句a
}else if(表达式2){
语句b
}else{
语句c
}

如果表达式1为真执行语句a,如果表达式1为假去判断表达式2,如果表达式2为真执行语句b,如果表达式2为假执行语句c。可以嵌套很多很多很多很多很多很多个if else 

switch语句

let num=2
switch(num){
  case 1:
    document.write("1")
    break
  case 2:
    document.write("2")
    break
  case 3:
    document.write("3")
    break
  default:
    document.write("0")
}

根据num去匹配对应的。num=2,则case 2匹配,执行case2的语句  
要求:num和1类型相同,值相同才会匹配。

document.write("2")
    break

break用于跳出switch语句不然case3 和 default都会被执行

while语句

while(循环条件){
循环体
}

如果循环条件为真则执行循环体代码,为假结束循环

可以使用break直接结束整个循环,continue跳过本次循环进入下一个循环 

for语句

for(a;b;c){

循环体

}

a一般是用于变量的初始化,b是循环条件,c用于循环变量更新。而且abc三个语句都是可以省略的

可以使用break直接结束整个循环,continue跳过本次循环进入下一个循环

js函数 

函数的声明

无参函数声明:
function 函数名(){
        函数体
}


调用:函数名()

带参函数声明
function 函数名(参数列表){
        函数体
}


调用:函数名(对应参数)

由于js的变量无论什么类型都是一样的表示形式,所以参数列表里面只需要写变量名就可以了。

 function sum(num1,num2){
    return num1 + num2[5];
  }
  let num = sum(1,[3,4,5,6,7,8,9])
  document.write(num)

return x 返回变量x,函数一旦执行了return就会立即终止,不会继续执行下去。

同样,我们并不确定函数接收到了参数没有,如果没有传递参数,在运行的时候也是不会报错的。所以就需要我们给变量形参一个默认的值。这样就可以有一个兜底的情况。我们也可以在这里声明形参所需要的实参是什么类型的。

如果我们想检测我们传递的参数类型是否正确,不正确就打印出函数实参类型错误。
 

function sum(num1 = 0,num2 = 0){
    if(typeof num1 === "number" && num2 ==="number")
    {    
         return num1 + num2
    }else{
        console.log("error")
        }
}

或者直接给形参和返回值加个限制

function sum(num1:number,num2:number):number{
      
         return num1 + num2
    
}

function sum(num1:number,num2:number):number里面的:number就是说这个参数类型是number类型,如果不是就会报错。形参列表外面的:number就是对函数返回值的限制

现在为止我们所学到的数据类型有

  1. number 数字类型
  2. string 字符串
  3. bool 布尔值
  4. undefined 未定义
  5. null 空
  6. array 数组

总结:函数的作用在于将一段可能被多次使用的代码整合在一起,方便多次使用。

js匿名函数

具有函数名的函数成为具名函数,我们上面讲的就是具名函数。
匿名函数就是没有名字的函数,匿名函数的调用可以有一下方法:

1.将匿名函数赋值给变量

let alpha = function(num1: number, num2, num3): number {
    return num1 + num2 + num3;
  }

  let a = alpha(1,2,3)
  console.log(a)

 相当于把一个函数赋值给一个变量,调用的时候变量名代替了函数名。

2.立即执行函数

(function(x,y){
    console.log(x*y)
})(5,4);
//结果打印20到控制台

这个函数会被直接执行,不需要调用,也没法调用。而且立即执行函数之间要加分号

js对象 

定义

let name = {
        属性名:属性值,
        方法名:函数
}//逗号隔开,最后一个不需要加逗号

有点像GO语言的map,c的结构体,python的字典之类的。

访问
name.属性名  得到   属性值
name.方法名()    调用函数

对象的增删改查

1.增
 

  let goods ={
    name:"小米",
    id : "100012816024",
    weight : 0.55,
    address : "中国大陆",
  }

goods.money = 1999

对象名.新属性名 = 新值。完成添加操作

2.删

let goods ={
    name:"小米",
    id : "100012816024",
    weight : 0.55,
    address : "中国大陆",
  }

  delete goods.name

delete 对象.属性  删除指定的属性

3.改

let goods ={
    name:"小米",
    id : "100012816024",
    weight : 0.55,
    address : "中国大陆",
  }

  goods.name = "华为"

对象.属性 = 新值 更改值,如果不存在对应属性就是增操作

4.查

let goods ={
    name:"小米",
    id : "100012816024",
    weight : 0.55,
    address : "中国大陆",
  }

  goods.name 

对象.属性 查询操作,返回属性的属性值

对象的操作增删改查都可以使用对象名["属性名"]来代替
 

对象.name   ===   对象["name"]
delete 对象.name   ===   delete 对象["name"]
对象.name = "qwe"   ===   对象["name"]="qwe"

遍历对象

for(let x in 对象){//x是属性的名,也就是循环的把对象里面的属性名或者方法名轮番赋值给x
 console.log(对象[x])//输出对应的参数,如果是函数则会打印该函数,不运行
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2270796.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Leecode刷题C语言之我的日程安排表②

执行结果:通过 执行用时和内存消耗如下&#xff1a; typedef struct {int start;int end; }BOOKING;#define MAX_BOOK_NUM (1000) typedef struct MyCalendar_ {BOOKING book[MAX_BOOK_NUM];int bnum;BOOKING *sorted[MAX_BOOK_NUM];int num;int conflict[MAX_BOOK_NUM];int c…

【C语言的小角落】--- 深度理解取余/取模运算

Welcome to 9ilks Code World (๑•́ ₃ •̀๑) 个人主页: 9ilk (๑•́ ₃ •̀๑) 文章专栏&#xff1a; C语言的小角落 本篇博客我们来深度理解取余/取模&#xff0c;以及它们在不同语言中出现不同现象的原因。 &#x1f3e0; 关于取整 &#x1f3b5; 向0取整…

网关的主要类型和它们的特点

网关&#xff0c;作为网络通信的关键节点&#xff0c;根据其应用场景和功能特点&#xff0c;可以分为多种类型。 1.协议网关 特点&#xff1a; • 协议转换&#xff1a;协议网关的核心功能是转换不同网络之间的通信协议。例如&#xff0c;它可以将IPv4协议的数据包转换为IPv6协…

聆听音乐 1.5.9 | 畅听全网音乐,支持无损音质下载

聆听音乐手机版是面向广大音乐爱好者的移动应用程序&#xff0c;用户可以随时随地通过手机享受丰富的音乐资源。它提供了多种魅力功能&#xff0c;让用户在手机上畅享更舒适的音乐体验&#xff0c;每位用户都能享受精彩纷呈的收听体验。此外&#xff0c;软件还支持无损音质音乐…

实现一个通用的树形结构构建工具

文章目录 1. 前言2. 树结构3. 具体实现逻辑3.1 TreeNode3.2 TreeUtils3.3 例子 4. 小结 1. 前言 树结构的生成在项目中应该都比较常见&#xff0c;比如部门结构树的生成&#xff0c;目录结构树的生成&#xff0c;但是大家有没有想过&#xff0c;如果在一个项目中有多个树结构&…

“善弈者”也需妙手,Oclean欧可林:差异化不是说说而已

作者 | 曾响铃 文 | 响铃说 俗话说&#xff0c;“牙痛不是病&#xff0c;痛起来要人命”。这话意思大家都知道&#xff0c;牙痛虽不是什么大病&#xff0c;可一旦发作却是极难忍受。 前几日&#xff0c;Oclean欧可林举办了一场AirPump A10氧气啵啵冲牙器新品品鉴会&#xff…

汇编语言与接口技术--跑马灯

一、 实验要求 在单片机开发板的LED灯D1~D8上实现跑马灯。LED与单片机引脚连线电路如下图: 单片机芯片选择AT89C51&#xff0c;晶振频率设为12MHz&#xff0c;操作参考单片机开发板使用说明。跑马灯点亮的时间间隔约为1秒。分别用定时器的模式1和模式2实现。&#xff08;用P83…

基于数据融合的智能家居环境监测系统研究与设计(论文+源码)

1总体方案设计 本次基于数据融合的智能家居环境监测系统的设计&#xff0c;其系统总体架构如图2.1所示&#xff0c;整个系统在器件上包括了主控制器STM32F103单片机&#xff0c;MQ可燃气体传感器&#xff0c;光照传感器&#xff0c;DHT11温湿度传感器&#xff0c;风扇&#xff…

Mac中配置Node.js前端vscode环境(第二期)

核心组件&#xff1a;vscode、谷歌浏览器、Node.js&#xff08;重点&#xff09;、git 一、Node.js安装&#xff08;nvm安装&#xff09; 点击macos中的终端&#xff0c;保持bash&#xff0c;而不是zsh 若为zsh&#xff0c;则可在终端中使用下面命令变成bash chsh -s /bin/…

基于SpringBoot和Thymeleaf的仿小米电商系统源码下载与安装指南-幽络源

项目概述 这是一个基于 Spring Boot 2.X 和 Thymeleaf 技术栈的仿小米电商系统。该项目包括了前台商城系统和后台管理系统&#xff0c;经幽络源测试具备完整的电商功能&#xff0c;适合用作学习、参考或作为开发电商系统的基础。 前台商城系统&#xff1a; 包括首页登录、商品…

Deepseek v3 的笔记

基本概述 Deepseek v3是Deepseek发布的旗舰模型&#xff0c;属于607B的混合专家&#xff08;MoE&#xff09;模型&#xff0c;其中活跃参数为37B。在当前的模型领域&#xff0c;它堪称最佳的开源模型&#xff0c;性能超越了Llama 3.1 405b、Qwen和Mistral等知名模型。根据基准…

机器学习中的常用特征选择方法及其应用案例

工业界中&#xff0c;特征选择是机器学习模型开发的重要步骤&#xff0c;可以提高模型性能、减少过拟合和加速计算。针对类别型特征和数值型特征&#xff0c;特征选择方法有所不同。以下详细讲解方法和案例。 一、类别型特征的特征选择 1. 基于卡方检验 卡方检验是一种衡量两…

Pyecharts SVG 标记使用笔记

Pyecharts SVG 标记使用笔记 在数据可视化中&#xff0c;图表的标记点常常用于突出显示重要数据点。Pyecharts 提供了丰富的标记点配置选项&#xff0c;其中使用 SVG 路径来自定义标记点的样式是一个非常强大的功能。本文将详细介绍如何在 Pyecharts 中使用 SVG 路径来定制标记…

Spring SpEL表达式由浅入深

标题 前言概述功能使用字面值对象属性和方法变量引用#this 和 #root变量获取类的类型调用对象(类)的方法调用类构造器类型转换运算符赋值运算符条件(关系)表达式三元表达式Elvis 操作符逻辑运算instanceof 和 正则表达式的匹配操作符 安全导航操作员数组集合(Array 、List、Map…

大型模型推理加速入门

一 推理加速基础 1. 了解基本概念与术语 首先需要了解关于大模型的一些基本的历史发展&#xff0c;概念和术语&#xff0c;不需要全部看懂&#xff0c;只需要掌握大概情况&#xff0c;可以通过下面这篇文章进行&#xff1a; 大模型入门基本概念&#xff0c;术语 2. 了解Tra…

仓库叉车高科技安全辅助设备——AI防碰撞系统N2024G-2

在当今这个高效运作、安全第一的物流时代&#xff0c;仓库作为供应链的中心地带&#xff0c;其安全与效率直接关系到企业的命脉。 随着科技的飞速发展&#xff0c;传统叉车作业模式正逐步向智能化、安全化转型&#xff0c;而在这场技术革新中&#xff0c;AI防碰撞系统N2024G-2…

python-redis访问指南

Redis&#xff08;Remote Dictionary Server&#xff09;是一种开源的内存数据结构存储&#xff0c;可用作数据库、缓存和消息代理。它功能强大且灵活&#xff0c;可根据需求调整架构和配置&#xff0c;以高性能、简单易用、支持多种数据结构而闻名&#xff0c;广泛应用于各种场…

Flash Attention V3使用

Flash Attention V3 概述 Flash Attention 是一种针对 Transformer 模型中注意力机制的优化实现&#xff0c;旨在提高计算效率和内存利用率。随着大模型的普及&#xff0c;Flash Attention V3 在 H100 GPU 上实现了显著的性能提升&#xff0c;相比于前一版本&#xff0c;V3 通…

UE5失真材质

渐变材质函数&#xff1a;RadialGradientExponential&#xff08;指数径向渐变&#xff09; 函数使用 UV 通道 0 来产生径向渐变&#xff0c;同时允许用户调整半径和中心点偏移。 用于控制渐变所在的位置及其涵盖 0-1 空间的程度。 基于 0-1 的渐变中心位置偏移。 源自中心的径…

Ansys Aqwa 中 Diffraction Analysis 的疲劳结果

了解如何执行疲劳分析&#xff0c;包括由 Ansys Aqwa 计算的海浪行为。 了解疲劳分析 大多数机器故障是由于负载随时间变化&#xff0c;而不是静态负载。这种失效通常发生在应力水平明显低于材料的屈服强度时。因此&#xff0c;当存在动态载荷时&#xff0c;仅依赖静态失效理…