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

JavaWeb03——javascript基础语法

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=方法名(实参列表) 或者 方法名(实参列表)

//实参可以传任意个数,但是形参只要它需要的前几个

http://www.dtcms.com/a/323302.html

相关文章:

  • 嵌入式 Linux Mender OTA 实战全指南
  • 国家药品监督管理局医疗器械唯一标识管理信息批量导入mysql工具
  • 算法篇----模拟
  • 企业级高性能web服务器
  • 沿街晾晒识别误检率↓76%:陌讯多模态融合算法实战解析
  • VisionPro常用标定方式
  • 本科毕业论文怎么引用github里面数据集
  • Vue3从入门到精通: 2.2 Vue3组件通信与数据传递深度解析
  • AI热点周报(8.3~8.9):OpenAI重返开源,Anthropic放大招,Claude4.1、GPT5相继发布
  • 心灵笔记:正念冥想
  • imx6ull-驱动开发篇16——信号量与互斥体
  • SpringBoot学习日记 Day6:解锁微服务与高效任务处理
  • .NET程序跨平台ARM电脑上发布的程序格式是,so还是DLL?
  • AWT 基本组件深入浅出:Button/Label/TextField/Checkbox/Choice/List 全面实战与性能优化
  • GPT-4 vs GPT-5 深度分析
  • 逻辑回归详解:原理、应用与实践
  • n沟道增强型mos管
  • 支持 UMD 自定义组件与版本控制:从 Schema 到动态渲染
  • Beelzebub靶机通关教程
  • java 中 @NotBlank 和 @NotNull 的区别
  • 【LLM实战|llamaIndex】llamaIndex介绍和RAG
  • dnSpy:设置断点
  • Docker 容器中运行昇腾(Ascend)AI 环境
  • Vitalik谈以太坊:ETH财库储备策略“有益且有价值”
  • SELinux 入门指南
  • vue+flask大模型写诗诗词推荐与可视化系统
  • 代理人工智能的隐藏威胁
  • 【渲染流水线】[几何阶段]-[图元装配]以UnityURP为例
  • Pandas 分层索引
  • AI 大模型企业级应用落地挑战与解决方案