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

javaEE-11.javaScript入门

news 来源：原创 2025/7/5 22:28:51

一.什么是javaScript

二.快速实现

三.JS引入方式

1.行内引入:

2.内部引入:

3.外部引入:

四.基础语法

1.变量

变量命名规则:

2.数据类型

3.运算符

五.JS对象

1.数组

创建数组:

2.操作数组

3.函数

函数注意事项:

函数参数:

4.对象

1.使用字面量创建对象:

2.使用new Object()创建对象

3.使用构造函数创建对象

一.什么是javaScript

JavaScript(简称JS),是⼀个脚本语⾔,解释型或即时编译型的编程语⾔.

javaScript和java是不存在任何关系的.

有关javaScript的发展史:

Javascript诞生记 - 阮一峰的网络日志

JS和CSS和html的关系:

html相当于网页的骨架;

CSS相当于对网页进行填充,修饰

JS是赋予网页特有的功能,行为

二.快速实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>alert("hello");</script>
</body>
</html>

运行浏览器:

alert:在弹窗中显示.

三.JS引入方式

1.行内引入:

直接在html标签内使用.

点击按钮时,弹窗显示注册成功.

这种方式容易产生大量的冗余代码,不⽅便后期的维护，所以不常⽤.

2.内部引入:

定义script标签,代码写在<script></script>标签中.

⾏内样式,只适合于写简单样式.只针对某个标签⽣效.缺点是不能写太复杂的jS.

3.外部引入:

定义script标签,通过src属性,引入外部 .js文件.

外部样式，html和js实现了完全的分离,企业开发常⽤⽅式

四.基础语法

1.变量

创建变量/声明变量/变量初始化:

var 变量名=内容; 或 len 变量名=内容;

这两个用法差不多相同,具体区别暂不讨论.

const 变量名=内容;

通过const创建的变量,初始化后,内容不能修改.

JS是一门动态若类型的语言:

动态:变量可以存放不同类型的值:

弱类型:随着程序的执行,变量中值的类型可以变化:

变量命名规则:

1.变量名的组成字符可以是数字,字母,下划线_,美元符$

2.数字不能开头.

3.建议使用驼峰命名法.

2.数据类型

虽然js是弱数据类型的语⾔，但是js中也存在数据类型，js中的数据类型分为：原始类型和引⽤类型，具体有如下类型

数据类型	描述
number	数字,不区分整数和小数
string	字符串字符串字⾯值需要使⽤引号引起来,单引号双引号均可
boolean	布尔类型,true为真,false为假
undefined	表示变量未初始化，只有唯⼀的值 undefined

使⽤typeof函数可以返回变量的数据类型,通过浏览器的控制台查看.

3.运算符

JS中的运算符和java中的用法基本相同

==和===的区别:

==仅用于判断内容是否相等;

===判断时包含类型的判断.

五.JS对象

1.数组

创建数组:

1.使用new关键字创建数组:

var a = new Array();

2.使用字面常量创建数组:

数组中的内容称为元素.

JS中的数组元素不要求类型相同.

2.操作数组

1>.读:

通过数组下标的方式访问数组元素.

2>.增

通过数组下标新增元素,或者通过push追加元素.

可以进行隔空追加,对指定1数组下标追加.

3>.改

通过数组下标修改数组元素，

控制台输出结果:

注意

1. 如果下标超出范围读取元素,则结果为undefined

2. 不要给数组名直接赋值,此时数组中的所有元素都没了.

3.函数

语法格式:

function 函数名(形参列表){

函数体;

return 返回值;

}

函数调用:

函数名(实参列表);//无返回值

var 返回值 = 函数名(实参列表);//有返回值

函数注意事项:

函数定义并不会执⾏函数体内容,必须要调⽤才会执⾏.调⽤⼏次就会执⾏⼏次.

调⽤函数的时候进⼊函数内部执⾏,函数结束时回到调⽤位置继续执⾏.

函数的定义和调⽤的先后顺序没有要求.(这⼀点和变量不同,变量必须先定义再使⽤)

函数参数:

形参个数和实参个数可以不匹配,但是实际开发⼀般要求形参和实参个数要匹配.

1. 如果实参个数⽐形参个数多,则多出的参数不参与函数运算

1. 如果实参个数⽐形参个数少,则此时多出来的形参值为 undefined

函数表达式:

var 变量名 = function(){

函数体;

return 返回值;

}

此时形如 function() { } 这样的写法定义了⼀个匿名函数, 然后将这个匿名函数⽤⼀个变量来表⽰. 后⾯就可以通过这个 add 变量来调⽤函数了.

4.对象

js中的数值,字符串,布尔值,数组,函数都是对象,每个对象中包含若干个属性和方法.

属性:对象的特征,

方法:对象的行为.

1.使用字面量创建对象:

使⽤ { }创建对象

• 属性和⽅法使⽤键值对的形式来组织.

• 键值对之间使⽤ , 分割.最后⼀个属性后⾯的,可有可⽆

• 键和值之间使⽤ : 分割.

• ⽅法的值是⼀个匿名函数.

使用对象的属性和方法:

2.使用new Object()创建对象

这种创建对象方法和创建数组方法类似.

3.使用构造函数创建对象

语法:

function 构造函数名(参数列表){

this.属性名=值;

this.方法名=function(){}

.....

}

调用:

var 变量名= new 构造函数名(实参列表);

注意:

• 在构造函数内部使⽤this关键字来表⽰当前正在构建的对象.

• 构造函数的函数名⾸字⺟⼀般是⼤写的.

• 构造函数的函数名可以是名词.

• 构造函数不需要 return

• 创建对象的时候必须使⽤ new 关键字.

javaEE-11.javaScript入门

目录一.什么是javaScript 二.快速实现三.JS引入方式 1.行内引入: 2.内部引入: 3.外部引入: 四.基础语法 1.变量变量命名规则: 2.数据类型 3.运算符五.JS对象 1.数组创建数组: 2.操作数组 3.函数函数注意事项: 函数参数: 4.对象 1.使用字面量创建对象:…...

编程日记 2025/7/5 22:28:51

Word成功接入DeepSeek详细步骤

原理原理是利用Word的VBA宏，写代码接入API。无需下载额外插件。步骤一、注册硅基流动硅基流动统一登录注册这个是为了有一个api调用的api_key，有一些免费的额度可以使用。大概就是这个公司提供token，我们使用这个公司的模型调用deepsee…...

编程日记 2025/7/4 22:52:44

单片机简介

一、单片机简介电脑和单片机性能对比二、单片机发展历程三、CISC VS RISC...

编程日记 2025/7/5 22:20:49

GitCode 助力 Dora SSR：开启游戏开发新征程

项目仓库（点击阅读原文链接可直达） https://gitcode.com/ippclub/Dora-SSR 跨越技术藩篱，构建游戏开发乐园 Dora SSR 是一款致力于打破游戏开发技术壁垒的开源游戏引擎。其诞生源于开发者对简化跨平台游戏开发环境搭建的强烈渴望&#xff0…...

编程日记 2025/7/5 6:30:25

[python SQLAlchemy数据库操作入门]-25.股票数据可视化：将 SQLAlchemy 数据呈现给用户

哈喽，大家好，我是木头左！本文将探讨如何利用SQLAlchemy从数据库中提取股票数据，并使用现代数据可视化工具将这些数据以直观的方式呈现给用户。将通过一系列步骤来演示这个过程，包括设置环境、连接数据库、提取数据、处理数据以及最终的可视化展示。安装必要的库接下来…...

编程日记 2025/7/2 22:57:55

android的Lifecycle简介

嗯，我现在需要了解Android的Lifecycle组件。Lifecycle是Jetpack的一部分，对吧？听说它帮助管理Activity和Fragment的生命周期，避免内存泄漏。那它具体是怎么工作的呢？ 首先，LifecycleOwner和LifecycleObser…...

编程日记 2025/7/5 21:17:21

SQL-leetcode—1327. 列出指定时间段内所有的下单产品

1327. 列出指定时间段内所有的下单产品表: Products ------------------------- | Column Name | Type | ------------------------- | product_id | int | | product_name | varchar | | product_category | varchar | ------------------------- product_id 是该表主键(具…...

编程日记 2025/7/2 1:04:29

在Uniapp中使用阿里云OSS插件实现文件上传

在开发小程序时，文件上传是一个常见的需求。阿里云OSS（Object Storage Service）是一个强大的云存储服务，可以帮助我们高效地存储和管理文件。本文将介绍如何在Uniapp小程序中使用阿里云OSS插件实现文件上传功能。 1. 准备工作首…...

编程日记 2025/7/4 22:59:55

C#中的序列化和反序列化

序列化是指将对象转换为可存储或传输的格式，例如将对象转换为JSON字符串或字节流。反序列化则是将存储或传输的数据转换回对象的过程。这两个过程在数据持久化、数据交换以及与外部系统的通信中非常常见把对象转换成josn字符串格式这个过程就是序列化 josn字符…...

编程日记 2025/7/4 9:34:53

IGBT的两级关断

IGBT（绝缘栅双极型晶体管）的两级关断（Two-stage turn-off）是一种优化关断过程的方法，主要用于减少关断时的电压过冲和dv/dt（电压变化率）过高的问题，特别是在大功率应用中&#xff08…...

编程日记 2025/7/2 23:59:54

TCP/IP 协议图解 | TCP 协议详解 | IP 协议详解

注：本文为 “TCP/IP 协议” 相关文章合辑。未整理去重。 TCP/IP 协议图解退休的汤姆于 2021-07-01 16:14:25 发布 TCP/IP 协议简介 TCP/IP 协议包含了一系列的协议，也叫 TCP/IP 协议族（TCP/IP Protocol Suite，或 TCP/IP Pr…...

编程日记 2025/7/3 0:07:35

PyCharm结合DeepSeek-R1

PyCharm结合DeepSeek-R1，打造专属 AI 编程助手在程序员的日常工作中，提高编程效率、快速解决代码问题是重中之重。今天给大家分享一个强强联合的组合 ——PyCharm 插件 Continue 与 DeepSeek-R1，它们能帮你打造出强大的个人 AI 编程助手。 …...

编程日记 2025/7/5 10:57:33

深入理解Java对接DeepSeek

其实，整个对接过程很简单，就四步，获取key，找到接口文档，接口测试，代码对接。 1.获取 KEY https://platform.deepseek.com/transactions 直接付款就是了（现在官网暂停充值2025年2月7日&#xf…...

编程日记 2025/7/2 4:22:27

【RabbitMQ的x-death头】消息死亡记录头流转示例

Header(name "x-death", required false) List<Map<String,Object>> xDeath 是用于捕获RabbitMQ自动生成的消息死亡记录头信息。以下是详细解析和实际应用示例： x-death头的作用死亡原因追踪：记录消息被拒绝/过期的完整生命周…...

编程日记 2025/7/5 21:59:23

【DeepSeek】在本地计算机上部署DeepSeek-R1大模型实战（完整版）

【作者主页】Francek Chen 【专栏介绍】 ⌈ ⌈ ⌈人工智能与大模型应用 ⌋ ⌋ ⌋ 人工智能（AI）通过算法模拟人类智能，利用机器学习、深度学习等技术驱动医疗、金融等领域的智能化。大模型是千亿参数的深度神经网络（如ChatGPT&…...

编程日记 2025/7/3 16:36:02

二、通义灵码插件保姆级教学-IDEA(使用篇)

一、IntelliJ IDEA 中使用指南 1.1、代码解释选择需要解释的代码 —> 右键 —> 通义灵码 —> 解释代码解释代码很详细，感觉很强大有木有，关键还会生成流程图，对程序员理解业务非常有帮忙，基本能做到哪里不懂点哪里。…...

编程日记 2025/7/5 22:03:31

北斗导航 | 基于多假设解分离（MHSS）模型的双星故障监测算法（MATLAB代码实现——ARAIM）

===================================================== github：https://github.com/MichaelBeechan CSDN：https://blog.csdn.net/u011344545 ===================================================== 双星故障监测算法一、多星故障MHSS模型流程1、数据预处理2、构建假设模…...

编程日记 2025/7/1 22:06:42

OpenCV2D 特征框架 (22)人脸检测的一个类cv::FaceDetectorYN的使用

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 cv::FaceDetectorYN 是 OpenCV 中用于人脸检测的一个类，它基于深度学习模型实现。这个类是 OpenCV DNN（Deep Neural Netw…...

编程日记 2025/7/2 21:47:10

微信小程序页面制作——婚礼邀请函（含代码）

✅作者简介：2022年博客新星第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏…...

编程日记 2025/7/2 20:27:27

django中间件，中间件给下面传值

1、新建middleware.py文件 # myapp/middleware.py import time from django.http import HttpRequest import json from django.http import JsonResponse import urllib.parse class RequestTimeMiddleware:def __init__(self, get_response):self.get_response get_respons…...

编程日记 2025/7/3 2:53:45

一.什么是javaScript

二.快速实现

三.JS引入方式

1.行内引入:

2.内部引入:

3.外部引入:

四.基础语法

1.变量

变量命名规则:

2.数据类型

3.运算符

五.JS对象

1.数组

创建数组:

2.操作数组

3.函数

函数注意事项:

函数参数:

4.对象

1.使用字面量 创建对象:

2.使用new Object()创建对象

3.使用 构造函数 创建对象

相关文章：

1.使用字面量创建对象:

3.使用构造函数创建对象