JavaScript(一)基础

文章目录

  • 一、JS介绍
    • JavaScript是什么
    • JavaScript书写位置
    • JavaScript的注释
    • 输入输出语法
    • 字面量
  • 二、变量
    • 变量是什么
    • 变量基本使用
    • 变量的本质
    • 变量命名规则与规范
    • 变量拓展-数组
    • var与let的区别
  • 三、常量
  • 四、数据类型
    • 数据类型
    • 检测数据类型
    • 数据类型转换
      • 隐式转换
      • 显式转换
    • 简单运算符
    • 断点调试
    • 数组类型
      • 数组操作
  • 五、函数
    • 函数使用
    • 函数传参
    • 函数返回值
    • 匿名函数
  • 六、对象
    • 对象的理解
    • 对象的定义与使用
    • 对象的遍历
    • 内置对象

一、JS介绍

JavaScript是什么

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果

  • 作用
    • 网页特效（监听用户的一些行为让页面做出反应）
    • 表单验证（针对表单的合法性进行判断）
    • 数据交互（获取后台数据，渲染前端）
    • 服务端编程（node.js）

JavaScript组成
在这里插入图片描述

在这里插入图片描述

JavaScript书写位置

  1. 内部JavaScript
    直接写在html文件里面，用script标签包住
    规范：script标签写在</body>上面
<!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>
  <!-- 内部js   -->
  <script>
    // 页面弹出弹框
    alert('你好')
  </script>
</body>

</html>

在这里插入图片描述
2. 外部js
在这里插入图片描述
在这里插入图片描述
3. 内联js
在这里插入图片描述

JavaScript的注释

在这里插入图片描述

输入输出语法

  • 输出语法
    在这里插入图片描述
<!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>
    // 文档输出内容
    document.write('我是div标签')
    document.write('<h1>我是h1标签</h1>')
    // 控制台打印
    console.log('控制台输出')
  </script>
</body>

</html>
  • 输入语法
    在这里插入图片描述

字面量

在这里插入图片描述

二、变量

变量是什么

在这里插入图片描述

变量基本使用

变量声明
在这里插入图片描述
变量赋值
在这里插入图片描述
声明多个变量
在这里插入图片描述

变量的本质

在这里插入图片描述
var与let的区别

变量命名规则与规范

在这里插入图片描述

变量拓展-数组

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

var与let的区别

在这里插入图片描述

三、常量

在这里插入图片描述

四、数据类型

数据类型

在这里插入图片描述
NaN代表一个计算错误，他是一个不正确的或者一个未定义的数学操作所得到的结果
在这里插入图片描述
模版字符串
在这里插入图片描述
null和undefined的区别
在这里插入图片描述

检测数据类型

通过typeof关键字检测数据类型
在这里插入图片描述

数据类型转换

隐式转换

在这里插入图片描述
&&和||的逻辑判断与Java中的一致
在这里插入图片描述

显式转换

数字型转换
在这里插入图片描述
布尔型转换
在这里插入图片描述

简单运算符

前置自增和后置自增的区别
在这里插入图片描述
三元运算
在这里插入图片描述
switch语句
在这里插入图片描述

断点调试

在这里插入图片描述

数组类型

数组操作

在这里插入图片描述
数组新增
在这里插入图片描述
在这里插入图片描述
数组删除
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
冒泡排序
在这里插入图片描述
在这里插入图片描述

五、函数

函数使用

在这里插入图片描述

函数传参

在这里插入图片描述
在这里插入图片描述

函数返回值

在这里插入图片描述

匿名函数

函数表达式
在这里插入图片描述

立即执行函数
在这里插入图片描述
在这里插入图片描述

六、对象

对象的理解

在这里插入图片描述

对象的定义与使用

定义对象
在这里插入图片描述
对象使用
在这里插入图片描述

对象的遍历

在这里插入图片描述
在这里插入图片描述

内置对象

内置对象的理解
在这里插入图片描述
例如Math内置对象
在这里插入图片描述
详细可以查询MDN网址
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/515498.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

3.冒泡排序

3.冒泡排序

冒泡排序 基本思想&#xff1a;每次比较两个相邻的元素 如果它们的顺序错误就把它们交换过来 重点&#xff1a;交换 时间复杂度为&#xff1a;O(n^2)&#xff08;平均情况、最坏情况&#xff09; 最优情况&#xff1a;输入的数组已经是完全有序的时候 冒泡排序只需要进行一…
阅读更多...
day11 java不同对象的关联与内存分析 JavaBean用途及讲解 import导入包

day11 java不同对象的关联与内存分析 JavaBean用途及讲解 import导入包

不同对象的关联与内存分析 内存图&#xff1a; 对象的属性是另一个对象时&#xff0c;在堆内存内该属性对应的值是另一个对象的首地址&#xff08;指向另一个堆内存内另一个对象&#xff09;&#xff0c;两对象建立了联系&#xff0c;可以根据箭头间接调用。 JavaBean…
阅读更多...
基于SpringBoot + Vue实现的员工绩效考核管理系统设计与实现+毕业论文+PPT+任务书+搭建视频

基于SpringBoot + Vue实现的员工绩效考核管理系统设计与实现+毕业论文+PPT+任务书+搭建视频

介绍 系统包含员工和管理员两个角色 管理员&#xff1a; 部门管理&#xff1a;负责创建、修改和删除部门&#xff0c;以及为部门设置权限和角色。 岗位管理&#xff1a;定义和管理岗位信息&#xff0c;包括添加、修改和删除岗位&#xff0c;以及设置岗位的职责和要求 员工…
阅读更多...
一、企业级架构之LNMP

一、企业级架构之LNMP

一、LNMP 概述 1、LNMP之间的关系&#xff1a; LNMP Linux Nginx MySQL PHP 2、配置LNMP服务器&#xff1a; (1) 克隆一台centos7虚拟机&#xff0c;修改 IP 地址 和 UUID 编号。 IP 为 10.1.1.10&#xff0c;UUID 修改后三位。 (2) 设置主机名称&#xff0c;绑定IP地…
阅读更多...
计算机组成原理-10-控制单元的设计

计算机组成原理-10-控制单元的设计

10. 控制单元的设计 文章目录 10. 控制单元的设计10.1 组合逻辑设计10.1.1 CU外特性10.1.2 微操作的节拍安排10.1.3 组合逻辑设计步骤 10.2 微程序设计10.2.1 微程序设计思想10.2.2 微指令格式10.2.3 毫微程序设计10.2.4 微程序设计举例 完结撒花 本笔记参考哈工大刘宏伟老师的…
阅读更多...
最新社交相亲系统源码PHP

最新社交相亲系统源码PHP

最新社交相亲系统源码PHP 安装环境&#xff1a; php7.2 mysql 5.7 框架&#xff1a; 后端thinkphp6 前端&#xff1a;jquery layui PC 移动端响应式 线上案例&#xff1a;https://cjr.oemsun.com/ 主要页面及功能预览 首页 相亲资料详情页 红娘跟进记录 海报、一键复制分…
阅读更多...
Cisco ACI Simulator 6.0(5h) - ACI 模拟器

Cisco ACI Simulator 6.0(5h) - ACI 模拟器

Cisco ACI Simulator 6.0(5h) - ACI 模拟器 Application Centric Infrastructure (ACI) Simulator Software 请访问原文链接&#xff1a;https://sysin.org/blog/cisco-acisim-6/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 作者主页&#xff1a;sysin.o…
阅读更多...
【核弹级安全事件】XZ Utils库中发现秘密后门，影响主要Linux发行版，软件供应链安全大事件

【核弹级安全事件】XZ Utils库中发现秘密后门，影响主要Linux发行版，软件供应链安全大事件

Red Hat 发布了一份“紧急安全警报”&#xff0c;警告称两款流行的数据压缩库XZ Utils&#xff08;先前称为LZMA Utils&#xff09;的两个版本已被植入恶意代码后门&#xff0c;这些代码旨在允许未授权的远程访问。 此次软件供应链攻击被追踪为CVE-2024-3094&#xff0c;其CVS…
阅读更多...
卡奥斯工业互联网平台分析

卡奥斯工业互联网平台分析

一、 背景 卡奥斯是海尔推出的具有中国自主知识产权、全球首家引入用户全流程参与体验的工业互联网平台。其核心是大规模定制模式&#xff0c;通过持续与用户交互&#xff0c;将硬件体验变为场景体验&#xff0c;将用户由被动的购买者变为参与者、创造者&#xff0c;将企业由原…
阅读更多...
Vue3配置router路由步骤

Vue3配置router路由步骤

Vue3配置router路由步骤 首先创建一个vue3的项目 先检查一下router的版本&#xff0c;可以在pakage.json里面查看&#xff0c;也可以你直接在终端输入 npm list vue-router如果版本比较低的话&#xff0c;先升级一下 vue3的话&#xff0c;用以下命令 npm install vue-route…
阅读更多...
C语言TCP服务器模型 : select + 多线程与双循环单线程阻塞服务器的比较

C语言TCP服务器模型 : select + 多线程与双循环单线程阻塞服务器的比较

观察到的实验现象: 启动三个客户端: 使用双循环阻塞服务器:只能accept后等待收发,同时只能与一个客户端建立连接,必须等已连接的客户端多次收发 明确断开后才能与下个客户端连接 使用IO多路复用select:可以同时接收所有的连接请求,并且连接状态一直是存活的,直到客户端关闭连…
阅读更多...
Kubesphere 自动化部署失败报错

Kubesphere 自动化部署失败报错

Kubesphere 自动化部署在 push tag 阶段失败报错 git push http://****:****github.com/****/devops-java-sample.git --tags --ipv4 remote: Support for password authentication was removed on August 13, 2021. remote: Please see https://docs.github.com/get-started/g…
阅读更多...
Netty是什么

Netty是什么

一、Netty介绍 1、Netty是一个异步的、基于事件驱动的网络应用框架&#xff0c;用以快速开发高性能、高可靠性的网络IO程序。 2、Netty主要针对在TCP协议下&#xff0c;面向Clients端的高并发应用&#xff0c;或者Peer-to-Peer场景下的大量数据持续传输的应用。 3、Netty本质是…
阅读更多...
银行数字化转型导师坚鹏：银行数字化转型给分行带来的8大价值

银行数字化转型导师坚鹏：银行数字化转型给分行带来的8大价值

银行数字化转型给分行带来的8大价值 银行数字化转型对不仅对总行产生了深远影响、给总行带来了新质生产力&#xff0c;对分行也会产生重要价值&#xff0c;银行数字化转型导师坚鹏从以下8个方面进行详细分析&#xff0c;相信能够给您带来重要启发&#xff0c;从而加速银行分行…
阅读更多...
【并发编程系列】使用 CompletableFuture 实现并发任务处理

【并发编程系列】使用 CompletableFuture 实现并发任务处理

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…
阅读更多...
[C#]OpenCvSharp利用MatchTemplate实现多目标匹配

[C#]OpenCvSharp利用MatchTemplate实现多目标匹配

【效果展示】 原图 模板图 匹配结果&#xff1a; 【实现部分代码】 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using…
阅读更多...
RabbitMQ3.x之九_Docker中安装RabbitMQ

RabbitMQ3.x之九_Docker中安装RabbitMQ

RabbitMQ3.x之_Docker中安装RabbitMQ 文章目录 RabbitMQ3.x之_Docker中安装RabbitMQ1. 官网2. 安装1 .拉取镜像2. 运行容器 3. 访问 1. 官网 rabbitmq - Official Image | Docker Hub 2. 安装 1 .拉取镜像 docker pull rabbitmq:3.13.0-management2. 运行容器 # latest Rabb…
阅读更多...
从零起步：开启你的IT职业之旅

从零起步：开启你的IT职业之旅

简介&#xff1a; 信息技术&#xff08;IT&#xff09;行业以其快速发展和广阔的就业前景吸引着全球众多职场新人。但对于零基础的求职者而言&#xff0c;挺进这一行业似乎是条充满挑战的道路。进入IT行业可能看起来是一项艰巨的挑战&#xff0c;尤其是对于那些没有任何相关经…
阅读更多...
伪造靶机之iptables

伪造靶机之iptables

伪造禁ping、网络不可达、主机不可达、协议、端口的命令 iptables -A INPUT -p icmp --icmp-type echo-request -j DROP iptables -A INPUT -s 172.18.6.89 -p icmp -j REJECT --reject-with icmp-net-unreachable iptables -A INPUT -s 172.18.6.89 -p icmp -j REJECT --re…
阅读更多...
【Canavs与艺术】绘制蓝白绶带大卫之星勋章

【Canavs与艺术】绘制蓝白绶带大卫之星勋章

【图例】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head><title>用Canvas绘制蓝白绶带大卫之星勋章</title><style type&quo…
阅读更多...
最新文章

Copyright @ 2022~2023