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​ (上下左右之一, 用…

【详细注释+流程讲解】基于深度学习的文本分类 TextCNN

前言 这篇文章用于记录阿里天池 NLP 入门赛&#xff0c;详细讲解了整个数据处理流程&#xff0c;以及如何从零构建一个模型&#xff0c;适合新手入门。 赛题以新闻数据为赛题数据&#xff0c;数据集报名后可见并可下载。赛题数据为新闻文本&#xff0c;并按照字符级别进行匿名…

同步检查继电器 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…

Go语言时间编程

1.时间元素编程 时间是一个重要的编程元素,可用于计算、同步服务器以及测量。Go语言标准库提供了time包,其中包含用于同当前时间交互以及测量时间的函数和方法。 在编程中,时间通常被称为“实时” “过去的时间” 和 “壁挂钟” 。对于术语“壁挂钟”,可将其视为挂在墙上的…

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;用户与程序员之间的有效沟通就起到了关键性作…

PCL 计算直线到三角形的距离(3D)

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 这里的思路相对就简单很多了,主要有之前的积累: 1、首先,我们可以判断直线与三角形是否相交,相交则距离为0,这里可以参考之前的博客:PCL 计算一条射线与一个三角形的交点。 2、如果直线与三角形未相交,则只需…

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;连接…

世界各国各行业全球价值链数据集(2007-2021年)

01、数据介绍 在全球化的浪潮下&#xff0c;世界各国各行业都深深地融入了全球价值链中&#xff0c;共同构建了一个复杂而精细的网络。这个网络不仅连接了各国的经济体系&#xff0c;也促进了全球贸易和合作的繁荣发展。 在发达国家&#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;子级…

Cloudflare Workers

Cloudflare Workers 一、由来和历史 Cloudflare Workers是Cloudflare提供的一项边缘计算服务&#xff0c;它允许开发者在全球分布的Cloudflare数据中心运行JavaScript代码&#xff0c;实现灵活的边缘逻辑处理。Workers最初于2017年推出&#xff0c;是Cloudflare推动边缘计算和…

提速又稳定:使用国内镜像源加速 pip 安装软件包

文章目录 前言国内镜像源使用方式个人简介 前言 当涉及到 Python 开发时&#xff0c;使用 pip 安装软件包已经成为家常便饭。但是很多开发者都会遇到一个共同的问题&#xff1a;国外源下载速度慢&#xff0c;不仅浪费时间&#xff0c;而且经常导致安装失败。为了解决这个问题&…

详解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函数…

》shader命令《--材质函数整理

》shader命令《--材质函数整理 2022-05-31 10:00 材质函数整理 Add 加法Subtract 剪法Multiply 乘法Divide 除法Append 向量合并Abs 绝对值Clamp 区间限定(限定高低值)Floor 舍去小数点Ceil 去掉小数1Fmod 计算余数Frac …

【软件工程】概要设计

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