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

山西农业大学20241010

news 2025/12/15 20:00:14

02-JAVASCRIPT

    • 一.JS基础语法
      • 1. 数据类型转换
        • 1.1 隐式转换
        • 1.2 强制转换
      • 2. 运算符
    • 二.JS语句
      • 1. 条件语句
      • 2. 循环语句
    • 三.函数(方法)
      • 1. 声明函数的第一种方法
      • 2. 声明函数的第二种方法
      • 3. 声明函数的第三种方法
    • 四.对象
      • 1. 对象的创建 -- 字面量
      • 2. 访问对象的属性
      • 3. 内置构造函数以及for in 循环
      • 4. 对象中的方法
      • 5. 检测属性是否存在

一.JS基础语法

1. 数据类型转换

1.1 隐式转换

运算过程中发生的转换

// 1. 隐式转换 - 计算过程中发生的转换var a = 2+"1";  // 数字+字符串==>数字转为字符串console.log(a)   //21var b = 1+true; // 数字+布尔型==>布尔型转为数值, true-1; false-0console.log(b);  //2var c = "2"+true;//字符串+布尔型==>将布尔型转为字符串console.log(c);  //2true// NaN:Not a Number:不是一个数字// 将数据类型转化失败的结果,和任何类型执行数学运算, 结果都是NaNvar d = 2 + undefined;console.log(d);  //NaNvar e = 2+null;console.log(e);  //2
1.2 强制转换
// 强转转换为数值 -- Number()var n1 = Number(true); // 1var n2 = Number(false); // 0var n3 = Number('2'); //2var n4 = Number('2a');//NaNvar n5 = Number(undefined);//NaNvar n6 = Number(null);//0console.log(n1,n2,n3,n4,n5,n6);// 2.强制转换为整型 -- parseInt()var p1 = parseInt(8.9);var p2 = parseInt("8.9");var p3 = parseInt("8.9a");var p4 = parseInt("a8.9");//NaNvar p5 = parseInt(true); //NaNconsole.log(p1,p2,p3,p4,p5);// 3.强制转换为浮点型 -- parseFloat()var f1 = parseFloat("8.9");var f2 = parseFloat("8.9a");var f3 = parseFloat("a8.9");//NaNconsole.log(f1,f2,f3);// 4.将数值和布尔型强制转为字符串 -- toString()var num = 5;var str = num.toString();console.log(str,typeof str); //5 string

2. 运算符

分为: 算术运算符, 比较运算符, 逻辑运算符, 位运算符, 赋值运算符, 三目运算符
算术运算符: +, -, *, / , %, ++, –
比较运算符: >,<,>=,<=,==,===, !=

  • ==: 等于, 只是比较值是否相同, 可能会发生隐式转换
  • ===:全等于, 先比较类型, 然后再比较值
    console.log(2=='2');//true // console.log(2==='2');//false

逻辑运算符: &&, ||, !
位运算符: 按位与&, 按位或|,按位异或^,按位右移>>, 按位左移<<
赋值运算符: =, +=, -=, *=,/=,%=
三目运算符: 条件表达式 ? 表达式1 : 表达式2

二.JS语句

1. 条件语句

// if条件句// 超市打折, 满30减10var total = 35;if (total>=30){// 在当前总价值的基础上减10total-=10;}console.log("实际支付价钱:"+total);// if-elsevar age = 18;if (age>=18){console.log("成年人")}else{console.log("为成年人")}// if...else if ... else if ... else// switch-case// 状态码:1-等待付款; 2-等待发货,3-运输中,4-已签收,5-已取消,其他-无法追踪var status = 5;switch (status){case 1:console.log("等待付款");break;case 2:console.log("等待发货");break;case 3:console.log("运输中");break;case 4:console.log("已签收");break;case 5:console.log("已取消");break;default:console.log("无法追踪")break;}

2. 循环语句

// while// while(循环条件){循环体;}var i = 1;while(i<=10){console.log(i);i++;}//do{循环体}while{循环条件}//break 和 continue// for循环// for(初始值;循环条件;增量){循环体}// 打印1-100之间可以被3整除的数字for (var i=1;i<=100;i++){if (i%3==0){console.log(i);}}

三.函数(方法)

java: public 返回值 方法名(参数列表){ 方法体 }
js: function 方法名(参数列表){方法体}

1. 声明函数的第一种方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方法</title>
</head>
<body>
<!-- 通过按钮调用现有方法 -->
<input type="button" value="按钮" onclick="f1()">
<script>// 1. 创建普通方法 - 无参无返回值function f1(){console.log("f1");}// 调用方法f1();// 2. 有参无返回值function f2(name,age){ //形参console.log(name+":"+age);}f2("张三",20); // 实参// 3. 无参有返回值function f3(){return "这是一个返回值";}var res = f3();console.log(res);// 4. 有参有返回值function f4(x,y){// return用于返回函数调用后的结果,如果函数中没有return或者return不加任何值// 则返回undefined// 一旦return执行就会跳出函数, 结束函数的执行return x*y;console.log("aaa"); // 打印不出来;}var num = f4(4,5);console.log(num); //20
</script>
</body>
</html>

2. 声明函数的第二种方法

// 第二种声明方法的方式let f5 = function(name,age){console.log(name+":"+age);}f5("王五",25);

3. 声明函数的第三种方法

 let f6 = new Function("name","age","console.log(name+':'+age)")f6("李四",20);

四.对象

属于引用类型的数据
对象是一组属性和方法的集合

1. 对象的创建 – 字面量

var phone = {brand:'iphone 14 pro',color:'white',id:1011,'made-in': '深圳'
}
console.log(phone);

2. 访问对象的属性

对象.属性名
对象[‘属性名’]

console.log(phone.color);
console.log(phone["brand"]);
console.log(phone.price);//undefined

3. 内置构造函数以及for in 循环

// 内置构造函数let emp = new Object();emp.name='zhangsan';emp.age=25;emp.id=1;console.log(emp);// 一次访问对象中的每个属性 --- 遍历for (var k in emp){// k 代表属性名// emp[k] 属性名对应的属性值console.log(emp[k]);}

4. 对象中的方法

// 对象中方法let person={// 成员的属性name:'zs',sex:'男',age:20,// 方法play:function(){// this指代调用当前方法的对象console.log(this.name+"正在打游戏...");}}person.play();

5. 检测属性是否存在

对象名.属性名 === undefined

  • true 属性不存在
  • false 属性存在

对象.hasOwnProperty(‘属性名’)

  • true 属性存在
  • false 属性不存在

‘属性名’ in 对象

  • true 属性存在
  • false 属性不存在
console.log(person.salary === undefined); // true-salary属性不存在console.log(person.hasOwnProperty('name'))// true-name属性存在console.log('sex' in person) //true 表示sex属性存在

相关文章：

山西农业大学20241010

02-JAVASCRIPT 一.JS基础语法1. 数据类型转换1.1 隐式转换1.2 强制转换 2. 运算符 二.JS语句1. 条件语句2. 循环语句 三.函数(方法)1. 声明函数的第一种方法2. 声明函数的第二种方法3. 声明函数的第三种方法 四.对象1. 对象的创建 -- 字面量2. 访问对象的属性3. 内置构造函数以…...

编程日记 2024/10/11 8:49:08

小北的技术博客：探索华为昇腾CANN训练营与AI技术创新——Ascend C算子开发能力认证考试（中级）

前言 哈喽哈喽，这里是zyll~,北浊.（大家可以亲切的呼唤我叫小北）智慧龙阁的创始人，一个在大数据和全站领域不断深耕的技术创作者。今天，我想和大家分享一些关于华为昇腾CANN训练营以及AI技术创新的最新资讯和实践经验~（初级证书还没拿到的小伙伴，可以先参考小北的这篇技术…...

编程日记 2024/10/11 8:48:07

Docker极速入门一文通

文章目录 Docker极速入门一文通Docker命令搜索镜像docker search拉取镜像|下载镜像docker pull查看镜像docker images删除镜像docker rmi运行容器docker run查看容器 docker ps删除容器 docker rm后台启动容器 docker run -d进入容器 docker exec拷贝文件到容器 docker cp拷贝容…...

编程日记 2024/10/11 8:47:05

Unity网络开发基础 —— 实践小项目

概述 接Unity网络开发基础 导入基础知识中的代码 需求分析 手动写Handler类 手动书写消息池 using GamePlayer; using System; using System.Collections; using System.Collections.Generic; using UnityEngine;/// <summary> /// 消息池中 主要是用于 注册 ID和消息类…...

编程日记 2024/10/11 8:45:03

四、Spring Boot集成Spring Security之认证流程

Spring Boot集成Spring Security之认证流程 一、概要说明二、基于内存的用户名密码1、默认用户名密码2、自定义用户名密码3、为方便测试添加测试接口TestController 三、登录登出重要概念介绍四、登录业务逻辑1、登录业务相关过滤器2、访问业务请求处理流程①、访问业务请求地址…...

编程日记 2024/10/11 8:39:56

Chromium 中chrome.bookmarks扩展接口c++实现

一、扩展接口定义 chrome.bookmarks 使用 chrome.bookmarks API 创建、整理以及以其他方式操纵书签。另请参阅覆盖网页&#xff08;可用于创建自定义“书签管理器”页面&#xff09;。 更多参考chrome.bookmarks | API | Chrome for Developers (google.cn) 扩展可以请从…...

编程日记 2024/10/11 8:37:54

编程思想：编程范式：响应式编程

文章目录 概述实现的设计模式举例总结概述 响应 响应一般指对于事件的响应，事件包括数据变化或其他事件 响应流程包括事件的发生，事件的传递，和事件的最终处理 事件在起点处发生，开始传递过程 传递过程，包括对事件的一系列处理，如事件封装的数据的类型转化，数据集合…...

编程日记 2024/10/11 8:36:53

Leetcode 颜色分类

这个算法采用了荷兰国旗问题&#xff08;Dutch National Flag Problem&#xff09;的解法思想&#xff0c;用三个指针将数组中的元素分为三个区域&#xff0c;并且对这些区域进行动态调整&#xff0c;达到排序的目的。 算法思想&#xff1a; 三个指针&#xff1a; low 指针表示…...

编程日记 2024/10/11 8:34:51

ssh连接阿里云长连接

如何让ssh保持连接&#xff1f; 有时候用ssh连接阿里云莫名奇妙断开了。怎么样才能保持连接呢&#xff1f; 修改系统的链接参数: &#xff08;1&#xff09;修改/etc/ssh/sshd_config文件&#xff0c;找到 ClientAliveInterval 0和ClientAliveCountMax 3并将注释符号&#x…...

编程日记 2024/10/11 8:33:50

栈的C实现

栈的C实现 栈简介栈的C实现1.栈结构体2.初始化栈3.栈的基本操作 栈简介 栈&#xff08;Stack&#xff09;是一种后进先出的数据结构&#xff0c;类似于一个垂直的容器。 栈的特点是后进先出&#xff0c;即最后入栈的元素最先出栈。栈可以用来解决递归问题、实现函数调用、以及…...

编程日记 2024/10/11 8:32:49

【MySQL】入门篇—数据库基础：关系数据库概念

一、背景与重要性 在当今数字化时代&#xff0c;数据的管理和存储变得尤为重要。无论是企业的客户信息、产品数据&#xff0c;还是社交媒体上的用户互动&#xff0c;数据都是推动业务和决策的核心。 关系数据库管理系统&#xff08;RDBMS&#xff09;是一种广泛使用的数据管理…...

编程日记 2024/10/11 8:31:48

不到千元的自动猫砂盆是智商税吗？这四大选购技巧不看就亏大了

虽然现在的人都说&#xff0c;猫砂盆等上班一天回来再清理也没有任何关系&#xff0c;但实际上在这一天里&#xff0c;猫咪的粪便已经在猫砂盆里滋生了很多无法察觉的细菌&#xff0c;久而久之就会影响猫咪的健康&#xff0c;导致尿闭&#xff0c;放了一天的便便臭味也让人无法…...

编程日记 2024/10/11 8:30:46

【图论】（二）图论基础与路径问题

图论基础与路径问题 图的构造邻接矩阵邻接表 所有可达路径邻接矩阵存储邻接表存储 字符串接龙有向图的完全可达性 图的构造 这里仅对图论路径问题中图的构造做整理总结归纳&#xff0c;具体详细相关概念请参考代码随想录上的整理总结&#xff1a; 图论理论基础深度优先搜索理…...

编程日记 2024/10/11 8:29:45

Git常用命令（持续更新中）

mkdir one 在当前目录下创建一个名为one的文件夹 cd one 进入one 文件夹 git init 初始化git 仓库 touch README.md 创建一个后缀为.md的新文件README.md git add README.md 将README.md添加到git暂存区 git add * . * 将所有文件添加到暂存区 git add "E:/t…...

编程日记 2024/10/11 8:28:44

什么是PLM系统？PLM系统对制造业起到哪些作用？三品PLM系统对汽车制造业意义

在当今竞争激烈的制造业环境中&#xff0c;企业面临着来自市场、技术、客户需求等多方面的挑战。为了应对这些挑战&#xff0c;许多制造企业纷纷引入产品生命周期管理PLM系统&#xff0c;以实现更高效、更灵活的产品全生命周期管理。PLM系统以其独特的优势&#xff0c;在优化产…...

编程日记 2024/10/11 8:21:38

Pr 视频效果：元数据和时间码刻录

视频效果/视频/元数据和时间码刻录 Video/Metadata & Timecode Burn-in 元数据和时间码刻录 Metadata & Timecode Burn-in效果是一种在视频画面上叠加显示剪辑元数据或时间码的工具。它允许在导出视频时&#xff0c;将需用的元数据信息直接刻录在画面上&#xff0c;方便…...

编程日记 2024/10/11 8:17:34

前端MD5加密

1.导入包 npm install --save ts-md5 2.使用方式 import { Md5 } from ts-md5;//md5加密后的密码 const md5PwdMd5.hashStr("123456").toUpperCase(); 3. Vue解析token中携带的数据 3.1 安装插件 npm install jwt-decode --save 3.2 引入 import {jwtDecode} fro…...

编程日记 2024/10/11 8:13:29

仿IOS桌面悬浮球（支持拖拽、自动吸附、自动改变透明度与点击、兼容PC端与移动端）

使用 pointerdown/pointermove/pointerup 实现仿IOS桌面悬浮球效果&#xff0c;支持拖拽、指定拖拽选对容器&#xff0c;指定拖拽安全区、自动吸附、自动改变透明度与点击&#xff0c;兼容PC端与移动端。 效果展示 https://code.juejin.cn/pen/7423757568268304421 代码实现 …...

编程日记 2024/10/11 8:12:28

智谱开放平台API调用解析

一、什么是智谱AI 智谱AI成立于2019年&#xff0c;由‌清华大学计算机系知识工程实验室的技术成果转化而来&#xff0c;是一家致力于人工智能技术研发和应用的公司。智谱致力于打造新一代认知智能大模型&#xff0c;专注于做大模型的中国创新。 二、智谱开放平台API调用 官方文…...

编程日记 2024/10/11 8:08:23

Linux中定时删除10天前的日志文件

例如&#xff1a;删除/data/log/目录下所有10天前的.log文件 find /data/log/ -type f -name "*.log" -mtime 10 -exec rm -f {} \;只查看要删除的文件有哪些&#xff0c;不真正删除文件 logfiles$(find /data/log/ -type f -name "*.log" -mtime 10) ec…...

编程日记 2024/10/11 8:05:20

多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度​

一、引言&#xff1a;多云环境的技术复杂性本质​​ 企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时&#xff0c;​​基础设施的技术债呈现指数级积累​​。网络连接、身份认证、成本管理这三大核心挑战相互嵌套&#xff1a;跨云网络构建数据…...

编程新知 2025/12/12 9:42:53

【入坑系列】TiDB 强制索引在不同库下不生效问题

文章目录 背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景 项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...

编程新知 2025/12/15 13:14:25

iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版​分享

平时用 iPhone 的时候&#xff0c;难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵&#xff0c;或者买了二手 iPhone 却被原来的 iCloud 账号锁住&#xff0c;这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...

编程新知 2025/12/14 15:09:57

抖音增长新引擎：品融电商，一站式全案代运营领跑者

抖音增长新引擎&#xff1a;品融电商&#xff0c;一站式全案代运营领跑者 在抖音这个日活超7亿的流量汪洋中&#xff0c;品牌如何破浪前行&#xff1f;自建团队成本高、效果难控&#xff1b;碎片化运营又难成合力——这正是许多企业面临的增长困局。品融电商以「抖音全案代运营…...

编程新知 2025/12/15 1:12:09

STM32标准库-DMA直接存储器存取

文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA&#xff08;Direct Memory Access&#xff09;直接存储器存取 DMA可以提供外设…...

编程新知 2025/12/9 1:29:51

vue3 定时器-定义全局方法 vue+ts

1.创建ts文件 路径&#xff1a;src/utils/timer.ts 完整代码&#xff1a; import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...

编程新知 2025/8/9 0:31:20

C# SqlSugar：依赖注入与仓储模式实践

C# SqlSugar&#xff1a;依赖注入与仓储模式实践 在 C# 的应用开发中&#xff0c;数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护&#xff0c;许多开发者会选择成熟的 ORM&#xff08;对象关系映射&#xff09;框架&#xff0c;SqlSugar 就是其中备受…...

编程新知 2025/11/25 6:49:02

第 86 场周赛：矩阵中的幻方、钥匙和房间、将数组拆分成斐波那契序列、猜猜这个单词

Q1、[中等] 矩阵中的幻方 1、题目描述 3 x 3 的幻方是一个填充有 从 1 到 9 的不同数字的 3 x 3 矩阵&#xff0c;其中每行&#xff0c;每列以及两条对角线上的各数之和都相等。 给定一个由整数组成的row x col 的 grid&#xff0c;其中有多少个 3 3 的 “幻方” 子矩阵&am…...

编程新知 2025/12/13 5:55:42

AI病理诊断七剑下天山，医疗未来触手可及

一、病理诊断困局&#xff1a;刀尖上的医学艺术 1.1 金标准背后的隐痛 病理诊断被誉为"诊断的诊断"&#xff0c;医生需通过显微镜观察组织切片&#xff0c;在细胞迷宫中捕捉癌变信号。某省病理质控报告显示&#xff0c;基层医院误诊率达12%-15%&#xff0c;专家会诊…...

编程新知 2025/12/12 21:35:24

springboot整合VUE之在线教育管理系统简介

可以学习到的技能 学会常用技术栈的使用 独立开发项目 学会前端的开发流程 学会后端的开发流程 学会数据库的设计 学会前后端接口调用方式 学会多模块之间的关联 学会数据的处理 适用人群 在校学生&#xff0c;小白用户&#xff0c;想学习知识的 有点基础&#xff0c;想要通过项…...

编程新知 2025/12/14 5:14:28