首页/资讯中心/详情

JavaScriptDay1

JavaScriptDay1
📅 发布时间：2026/6/20 3:39:47

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