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网址
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【洛谷 P8695】[蓝桥杯 2019 国 AC] 轨道炮 题解(映射+模拟+暴力枚举+桶排序)

[蓝桥杯 2019 国 AC] 轨道炮 题目描述 小明在玩一款战争游戏。地图上一共有 N N N 个敌方单位&#xff0c;可以看作 2D 平面上的点。其中第 i i i 个单位在 0 0 0 时刻的位置是 ( X i , Y i ) (X_i, Y_i) (Xi​,Yi​)&#xff0c;方向是 D i D_i Di​ (上下左右之一, 用…

同步检查继电器 JT-1/200 100V 面板嵌入式安装,板后接线

系列型号 JT-1同步检查继电器&#xff1b; DT-1同步检查继电器&#xff1b; JT-3同步检查继电器&#xff1b; DT-3同步检查继电器&#xff1b; 一、应用范围 JT(DT)系列同步检查继电器用于两端供电线路的自动重合闸线路中&#xff0c;以检查线路上电压的存在及线路上和变电站汇…

基于Spring Boot的在线考试系统

开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclipse/idea Maven…

element-ui breadcrumb 组件源码分享

今日简单分享 breadcrumb 组件的源码实现&#xff0c;主要从以下三个方面&#xff1a; 1、breadcrumb 组件页面结构 2、breadcrumb 组件属性 3、breadcrumb 组件 slot 一、breadcrumb 组件页面结构 二、breadcrumb 组件属性 2.1 separator 属性&#xff0c;分隔符&#xff…

程序员沟通之道:TCP与UDP之辩,窥见有效沟通的重要性(day19)

程序员沟通的重要性&#xff1a; 今天被师父骂了一顿&#xff0c;说我不及时回复他&#xff0c;连最起码的有效沟通都做不到怎么当好一个程序员&#xff0c;想想还挺有道理&#xff0c;程序员需要知道用户到底有哪些需求&#xff0c;用户与程序员之间的有效沟通就起到了关键性作…

Java多态世界(day18)

多态&#xff1a;重写的方法调用和执行 1.静态绑定&#xff1a;编译器在父类中找方法&#xff0c;如&#xff1a; 上面的eat&#xff08;&#xff09;方法是先在父类中找方法&#xff0c;父类没有的话&#xff0c;就算子类有编译也会报错。&#xff08;如果引用方法在父类中存…

UE4_普通贴图制作法线Normal材质

UE4 普通贴图制作法线Normal材质 2021-07-02 10:46 导入一张普通贴图&#xff1a; 搜索节点&#xff1a;NormalFromHeightmap 搜索节点&#xff1a;TextureObjectparameter&#xff0c;并修改成导入的普通贴图&#xff0c;连接至HeightMap中 创建参数normal&#xff0c;连接…

Dockerfile详解构建镜像

Dockerfile构建企业级镜像 在服务器上可以通过源码或rpm方式部署Nginx服务&#xff0c;但不利于大规模的部署。为提高效率&#xff0c;可以通过Dockerfile的方式将Nginx服务封装到镜像中&#xff0c;然后Docker基于镜像快速启动容器&#xff0c;实现服务的快速部署。 Dockerf…

【Vue3】el-checkbox-group实现权限配置和应用

一. 需求 针对不同等级的用户&#xff0c;配置不同的可见项 配置效果如下 &#xff08;1&#xff09;新增&#xff0c;获取数据列表 &#xff08;2&#xff09;编辑&#xff0c;回显数据列表 应用效果如下 &#xff08;1&#xff09;父级配置 &#xff08;2&#xff09;子级…

详解TCP/IP五层模型

目录 一、什么是TCP五层模型&#xff1f; 二、TCP五层模型的详细内容 1. 应用层 2. 传输层 3. 网络层 4. 数据链路层 5. 物理层 三、网络设备所在分层 封装和分⽤ 三、Java示例 引言&#xff1a; 在网络通信中&#xff0c;TCP/IP协议是至关重要的。为了更好地理解TCP协议的工…

详解设计模式:单例的进化之路

概念 单例模式(Singleton Pattern)是设计模式中一个重要的模式之一&#xff0c;是确保一个类在任何情况下都绝对只有一个实例。单例模式一般会屏蔽构造器&#xff0c;单例对象提供一个全局访问点&#xff0c;属于创建型模式。 根据初始化时间的不同&#xff0c;可以将单例模式…

文件操作讲解

目录 一.为什么使用文件 二.什么是文件 2.1程序文件 2.2数据文件 2.3文件名 三.文本文件和二进制文件 fwrite函数 fclose函数 四.文件的打开和关闭 4.1流和标准流 4.2文件指针 4.3文件的打开和关闭 五.文件的顺序读写 5.1文件的顺序读写函数 5.1.1fgetc函数…

【软件工程】概要设计

1. 导言 1.1 目的 该文档的目的是描述学生成绩管理系统的概要设计&#xff0c;其主要内容包括&#xff1a; 系统功能简介 系统结构简介 系统接口设计 数据设计 模块设计 界面设计 本文的预期读者是&#xff1a; 项目开发人员 项目管理人员 项目评测人员&#xff08;…

VS2022使用属性表快速设置OpenCV工程属性

1.创建C++控制台应用 2.配置工程 3.打开工程后,为工程添加属性表 打开属性管理器窗口,选择Debug|x64 然后右击选择添加新的项目属性表 并命名为opencv490_debug_x64 点击添加 Debug版本属性表添加成功 使用相同方法添加Release版本属性表

Windows通过git配置github代码仓库全流程

git git是代码的版本控制工具 git安装和github注册 这个默认弄过了 通过git和github之间的SSH配置 在github上面新建仓库&#xff0c;做好配置 git绑定GitHub账号 先cd到上传的文件所在的目录 git config --global user.name "你的github用户名"git config -…

网络原理 - HTTP / HTTPS(3)——http响应

目录 一、认识 “状态码”&#xff08;status code&#xff09; 常见的状态码 &#xff08;1&#xff09;200 OK &#xff08;2&#xff09;404 Not Found &#xff08;3&#xff09;403 ForBidden &#xff08;4&#xff09;405 Method Not Allowed &#xff08;5&…

基于java实现的弹幕视频网站

开发语言&#xff1a;Java 框架&#xff1a;ssm 技术&#xff1a;JSP JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclip…

基于STC12C5A60S2系列1T 8051单片机的带字库液晶显示器LCD12864数据传输并行模式显示自定义字符应用

基于STC12C5A60S2系列1T 8051单片机的带字库液晶显示器LCD12864显示自定义字符应用 STC12C5A60S2系列1T 8051单片机管脚图STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式及配置STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式介绍液晶显示器LCD12864简单介绍一、LCD…

使用ffmpeg将视频解码为帧时,图像质量很差

当使用ffmpeg库自带的ffmpeg.exe对对视频进行解帧或合并时&#xff0c;结果质量很差。导致这种原因的是在使用ffmpeg.exe指令进行解帧或合并时使用的是默认的视频码率&#xff1a;200kb/s。 如解帧指令&#xff1a; ffmpeg.exe -i 600600pixels.avi -r 2 -f image2 img/%03d.…

深度学习arm cache系列--一篇就够了

快速链接: 【精选】ARMv8/ARMv9架构入门到精通-[目录] &#x1f448;&#x1f448;&#x1f448; 1. cache的基本概念介绍 1.1、为什么要用cache? ARM 架构刚开始开发时&#xff0c;处理器的时钟速度和内存的访问速度大致相似。今天的处理器内核要复杂得多&#xff0c;并且时…