☰
第一周 1~25集
2026/10/15 4:01:05 网站建设 项目流程

JavaScript三种书写位置:
内部 外部 行内
2. 注意事项:
书写的位置尽量写到文档末尾 </body> 前面
外部 js 标签中间不要写代码,否则会被忽略

页面弹窗:alert('xxx')

单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl + /
块注释
符号:/* */
作用:在/* 和 */ 之间的所有内容都会被忽略
快捷键:shift + alt + A

输出语法:document.write('xxx')作用:向body输出内容如果输出的内容写的是标签,也会被解析成网页元素

console.log('控制台打印')作用:控制台输出语法,程序员调试使用

输入语法: prompt('请输入')作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字

声明变量:

let 变量名 可以直接赋值

声明多个变量:
变量赋值后,还可以通过简单地给它一个不同的值来更新它。
语法:多个变量中间用逗号隔开

交互变量可以用第三个变量临时变量来存储

不能用关键字
关键字:有特殊含义的字符,JavaScript 内置的一些英语词汇。例如:let、var、if、for等
只能用下划线、字母、数字、$组成,且数字不能开头

字母严格区分大小写,如 Age 和 age 是不同的变量

数组:

通过下标索取 从0开始

元素:数组中保存的每个数据都叫数组元素
下标:数组中数据的编号

长度:数组中数据的个数,通过数组的length属性获得

常量:

使用 const 声明的变量称为“常量”。
使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。

命名规范:和变量一致
常量使用:

注意: 常量不允许重新赋值,声明的时候必须赋值(初始化)
小技巧:不需要重新赋值的数据使用const

JS数据类型:

基本数据类型:
number 数字型
string 字符串型
boolean 布尔型
undefined 未定义型
null 空类型
引用数据类型:
object 对象
所有数字都是数字类型
JS 是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才能确认
数字运算叫算术运算符 +-*/%
NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果
1. 无论单引号或是双引号必须成对使用
2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
3. 必要时可以使用转义符 \,输出单引号或双引号 如console.log('wwwww\'ssss\'')
字符串拼接:
场景: + 运算符 可以实现字符串的拼接。
口诀:数字相加,字符相连
`` (反引号)
内容拼接变量时,用 ${ } 包住变量
如:document.write(`woaini${age}ma`)
布尔类型:
表示肯定或否定时在计算机中对应的是布尔类型数据。
它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)
未定义类型:
未定义是比较特殊的类型,只有一个值 undefined。
只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。
null 和 undefined 区别:
undefined 表示没有赋值
null 表示赋值了,但是内容为空
数据类型检测用typeof
某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换。
规则:
+ 号两边只要有一个是字符串,都会把另外一个转成字符串
除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型
+号作为正号解析可以转换成数字型
任何数据和字符串相加结果都是字符串
Number(数据)
转成数字类型
如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字
NaN也是number类型的数据,代表非数字
parseInt(数据):
只保留整数
parseFloat(数据):
可以保留小数
比较运算符:
> : 左边是否大于右边
<: 左边是否小于右边
>=: 左边是否大于或等于右边
<=: 左边是否小于或等于右边
==: 左右两边值是否相等
===: 左右两边是否类型和值都相等
!==: 左右两边是否不全等
比较结果为boolean类型,即只会得到 true 或 false
对比:
= 单等是赋值
== 是判断
=== 是全等
开发中判断是否相等,强烈推荐使用 ===
逻辑运算:
&& 逻辑与 并且
符号两边都为true
结果才为true 一假则假
|| 逻辑或 或者
符号两边有一个
true就为true 一真则真
! 逻辑非 取反
true变false
false变true 真变假,假变真
一元运算符里面的逻辑非优先级很高
逻辑与比逻辑或优先级高
分支语句 if else if else

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询