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

JavaScriptDay1

1.什么是JavaScript

1.1 概述

JavaScript是一门世界上最流行的脚本语言

Java、JavaScript

一个合格的后端人员,必须要精通JavaScript

2.快速入门

2.1、引入javaScript

  1. 内部标签

    <script>//...
    </script>	
    
  2. 外部引入

    abs.js

    //...
    

    test.html

    <script src="abs.js"></script>
    
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--&lt;!&ndash;  script标签内,写JavaScript代码&ndash;&gt;-->
<!--  <script>-->
<!--    alert('hello,world');-->
<!--  </script>--><!--  外部引入-->
<!--  注意:script标签必须成对出现--><script src="js/qj.js"></script><!--  不用显示定义type,默认就是JavaScript--><script type="text/javascript"></script>
</head>
<body><!--也可以写在这里-->
</body>
</html>

2.2、基本语法入门

<!--JavaScript严格区分大小写!--><script>// 1.定义变量  变量类型 变量名 = 变量值var score = 1;// alert(num);// 2.条件控制if(score>60 && score<70){alert('60~70')}else if(score>70 && score<80){alert('70~80')}else{alert('other')}//console.log(score) 在浏览器的控制台打印变量!</script>

浏览器必备调试须知:

image

2.3、数据类型

数值,文本,图形,音频,视频......

变量

var

number

JavaScript不区分小数和整数,Number

123 //整数123
123.1 //浮点数123.1
1.123e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //表示无限大

字符串

‘abc’ "abc"

布尔值

true false

逻辑运算

&& 两个都为真,结果为真|| 一个为真,结果为真! 真即假 ,假即真

比较运算符!!!重要!

=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样,结果才为true)

这是一个JS 的缺陷,坚持不要使用==比较

须知:

  • NaN === NaN,这个与所有的数值都不相等,包括自己
  • 只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题:

console.log((1/3) === (1-2/3))
false

尽量避免使用浮点数进行运算,存在精度问题

null和undefined

  • null 空
  • undefined 未定义

数组

Java的数组是一系列相同类型的对象~,JavaScript中不需要这样!

//保证代码的可读性,尽量使用[]
var arr = [1,2,3,4,5,'hello',null,true];new Array(1,2,3,4,5,'hello',null,true)

取数组下标:如果越界了显示undefined

对象

对象是大括号,数组是中括号

每个属性之间用逗号隔开,最后一个不需要添加

<script>var person = {name:"yaning",age:23,tags:['js','java','web']}</script>

image

http://www.rkmt.cn/news/18423.html

相关文章:

  • 3 ABC411 C ~ E题解
  • 9 ABC408 D~F 题解
  • 8 ABC425 G 题解
  • 学习ReAct并使用langgraph实现一个简单的ReAct AI Agent!!
  • 23种设计模式之【策略模式】-核心原理与 Java 实践 - 详解
  • RMQ与LCA学习笔记
  • mamba-硬件感知算法
  • gitee和github如何修改仓库名并且保持与原远程仓库的连接?(手把手教学) - 实践
  • 第十一篇
  • 如何在 Spring Boot 应用中配置多个 Spring AI 的 LLM 客户端
  • [Git] 放弃暂存区的修改
  • 前端里面transform和transition 属性的区别
  • 【MAC环境】安装多个 JDK - 指南
  • 第一个博客
  • k8s 主节点重启后 从节点 get 异常 - 教程
  • 训练笔记:博弈杂题
  • PyTorch 神经网络工具箱完全指南 - 详解
  • 2025表面瑕疵检测厂家TOP5推荐:表面瑕疵检测,薄膜瑕疵检测,瑕疵检测设备,瑕疵在线检测,铝箔瑕疵在线检测,外观瑕疵检测机,薄膜瑕疵检测仪,陶瓷膜瑕疵检测各种类型检测,精准高效的质量守护
  • 深入解析:如何解决 pip install 安装报错 ModuleNotFoundError: No module named ‘tokenizers’ 问题
  • Microsoft Office不小心卸载或重装系统后,如何重新安装 ... - sherlock
  • HTTPS 抓包乱码怎么办?原因剖析、排查步骤与实战工具对策(HTTPS 抓包乱码、gzipbrotli、TLS 解密、iOS 抓包) - 实践
  • 计算机视觉专家入选德国国家科学院
  • 2025 年工程管理软件/软件系统/软件App/软件平台/工程管理软件和验房系统公司/企业推荐榜:数字化转型下的实用选型指南
  • solutions
  • 完整教程:跨境必看:TikTok Ads广告竞价策略分享
  • 安装与配置MySQL 8 on Ubuntu,包括权限授予、数据库备份及远程连接
  • 04-最简单的字符设备驱动
  • 完整教程:手机可视化方案(针对浓度识别)
  • 用批处理材料实现Excel和word文件的重造
  • 实用指南:Linux编译SRS并测试RTMP流