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

JavaWeb03——javascript基础语法

news 2025/8/11 13:13:09

1.什么是JavaScript？

JavaScript（简称 JS）是一种 编程语言，它主要用来为网页添加交互功能。它可以让网页变得动态，让它不仅仅是静态的文字和图片，还能响应用户操作（比如点击按钮、弹框警告等）。

2.JS如何引入/在哪里写？

A.内部脚本：将JS代码定义在html内部
1.js代码必须在标签 <script></script>之间
2.<script></script>标签可以出现在html文档的任意地方，任意次出现，但是一般会放在<body>底部
B.外部脚本：将JS代码单独写在一个.js文件中，通过<script>标签引入html
1.外部JS代码中，只含JS代码，不含<script>标签
2.<script>不可以自闭和，使用src属性将外部js文件引入。

3.JS基础语法

3.1 书写语法
        a.区分大小写
        b.分号可有可无
        c.注释写法：// 或 /**/

3.2 输出语句
1.将数据写入警告框，浏览器弹出
                 window.alert("xxx"); 或 alert("xxx");
2.写入html页面，浏览器展示出来
                        document.write("xxx")
3.浏览器控制台输出
                        console.log("xxx")

3.3 变量与数据类型
A.数据类型
JS的数据类型可分为 原始类型 和 引用类型，其中原始类型包括：
a.number：数字类型，包括整数、浮点数、NAN
b.string：字符类型
c.boolean：布尔类型
d.null：空类型
e.undefined：未初始化默认类型
B.变量
//虽然js的数据有这么多类型，但是其是弱语言类，在定义的时候不做类型区分，如果你想查看具体是啥类型，可以用函数 typeof(变量)查看具体类型
1.变量的定义：
1.全局有效，可重复定义的写法：
            var a="你好"；var a=10；
//可以重复写，类型可以不一样，因为定义的时候不区分具体类型，就是一个关键字var，如果后面不改a的值，a自始至终存在，且为10
2.仅在本个代码块中有效，不允许重复定义
{let b=8;//let b=true;再重复写就会报错
}//alert(b)也会报错，因为b只在本方法体中有效
3.用来声明只读变量，一旦声明后就不允许再改了，全局有效
            const pi=3.14
2.变量命名
可以由字母、数字、下划线_、美元符号$组成，但是数字不可以开头

3.4 运算符
运算符基本同java，但是有一个要注意，即“==”和“===”
“==”：在比较A和B之前，会自动将A和B转换为同一类型，再比较值
“===”：直接比较，类型不同直接pass

3.5 类型转换
string类型转成number类型：
1.数字字符直接转数字：“123”==>123
2.非数字类型转 NAN：“anxj”==>NAN
其他类型转boolean类型：
转成false的有：0，NAN，空字符，null类型所有，undefined所有
除了上述全是true

4.JS函数写法

1.函数的关键字：function
2.写法：
写法一：
function 方法名 (形参列表){方法体
}
注意：不用定义返回值类型，形参不用带var，方法体中需要就写return，不需要就不写
写法二：
var 方法名= function(形参列表){方法体}
3.调用写法
var c=方法名（实参列表）或者方法名（实参列表）
//实参可以传任意个数，但是形参只要它需要的前几个