【JavaScript】Javascript基础Day01:let/const变量、数据类型、ES6模板字符串

server/2024/10/22 7:57:38/

Javascript——Day01

  • 01. Javascript简介和体验
  • 02. Javascript书写位置
  • 03. Javascript注释和结束符
  • 04. Js输入和输出语句和字面量
  • 05. 变量的声明和赋值
  • 06. 变量的更新以及输入用户名案例
  • 07. 交换两个变量案例
  • 08. 变量的本质和命名规则
  • 09. var和let区别
  • 10. 数组的基本使用
  • 11. 常量
  • 12. 数字数据类型和算术运算符
  • 13. 字符串数据类型以及拼接
  • 14. 模板字符串
  • 15. 布尔型、null和undefined以及类型检测
  • 16. 隐式转换和显示转换

在这里插入图片描述

01. Javascript简介和体验

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

关于网站:输入MDN搜索即可。

02. Javascript书写位置

在这里插入图片描述

(1)内部Javascript
在这里插入图片描述
实操:
在这里插入图片描述
结果:在这里插入图片描述
(2)外部Javascript

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(3)内联Javascript
在这里插入图片描述

03. Javascript注释和结束符

注释:
在这里插入图片描述
结束符:
在这里插入图片描述
在这里插入图片描述

04. Js输入和输出语句和字面量

首先我们来了解一下什么是语法。
在这里插入图片描述

(1)输入
在这里插入图片描述
实操:
在这里插入图片描述
结果:
在这里插入图片描述

(2)输出
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注意:
在这里插入图片描述
最后,我们介绍一下,字面量
在这里插入图片描述

05. 变量的声明和赋值

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

06. 变量的更新以及输入用户名案例

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

07. 交换两个变量案例

在这里插入图片描述

在这里插入图片描述

08. 变量的本质和命名规则

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

09. var和let区别

在这里插入图片描述

var是bug,原因如下:
在这里插入图片描述
如图,先使用再声明,但是没报错,只是没有值而已。

(他的原理:变量提升)
在这里插入图片描述

再看一个例子:
也是先使用了,后再声明,能打印值。
在这里插入图片描述

重复声明:
在这里插入图片描述

10. 数组的基本使用

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

11. 常量

在这里插入图片描述

12. 数字数据类型和算术运算符

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

注意:NaN!= NaN

13. 字符串数据类型以及拼接

注意:浏览器中,
蓝色的是数字类型,黑色的是字符串类型
在这里插入图片描述

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

在这里插入图片描述

14. 模板字符串

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

15. 布尔型、null和undefined以及类型检测

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

16. 隐式转换和显示转换

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


http://www.ppmy.cn/server/133840.html

相关文章

3. IoC 与DI

一、 定义 IoC,即控制反转,把对象的调用权交给容器,通过容器来实现对象的装配和管理。DI,即依赖注入,对象之间依赖关系由容器在运行期决定,由容器动态的将依赖关系注入到对象之中。DI,是对IoC更…

鸿蒙开发超好用的 UI 组件和工具类库 BasicLibrary

大家好,我是 V 哥。你在学习HarmonyOS NEXT 开发吗,今天 V 哥给你推荐一款超好用的三方库BasicLibrary,BasicLibrary 是一个基于 API 11 封装的基本库,旨在提升鸿蒙开发效率。它包含了一些常用的 UI 组件和实用工具类,…

Qt 实战(11)样式表 | 11.1、样式表简介

文章目录 一、样式表简介1、简介2、样式表语法2.1、样式规则2.2、选择器类型2.3、伪状态2.4、设置子控件状态 3、样式表继承与优先级3.1、样式表继承3.2、样式表优先级3.3、解决冲突3.4、样式表层叠 4、总结 前言: 在开发图形用户界面(GUI)应…

React 中级阶段学习计划

React 中级阶段学习计划 目标 掌握状态管理和路由。能够调用API并处理异步数据。学会使用CSS-in-JS和CSS Modules进行样式处理。 学习内容 状态管理 React Context API Context API:用于在组件树中传递数据,避免多层props传递。示例:im…

C#中Task.ContinueWith如何使用

Task.ContinueWith 方法是 Task 类的一个成员,它允许你为一个任务添加一个延续操作。这个延续操作会在任务完成时执行,无论是成功完成、发生异常还是被取消。你可以使用这个方法来执行一些清理工作,或者基于前一个任务的结果来启动另一个任务…

Java中的基本数据类型和引用类型存储在JVM中那个区域?

首先说明,"java中的基本数据类型一定存储在栈中的吗?”这句话肯定是错误的。 下面让我们一起来分析下原因: 基本数据类型是放在栈中还是放在堆中,这取决于基本类型在何处声明,下面对数据类型在内存中的存储问题…

第三季度中国游戏市场收入创历史新高;京东物流与淘宝天猫达成合作;YouTube 上线“用相机拍摄”标签....|网易数智日报

第三季度中国游戏市场收入917.66亿,创历史新高 中国音数协游戏工委今日发布了最新的 2024 年第三季度中国游戏产业季度报告。 数据显示,2024 年第三季度中国游戏市场收入 917.66 亿元,环比增长 22.96%,同比增长 8.95%。 中国音…

【Axure高保真原型】标签管理可视化驾驶舱长页面案例

今天和大家分享标签管理可视化驾驶舱长页面案例的原型模板,包括我的工作、通告消息、标签总体调用趋势、标签应用业务场景对比、标签使用排名、各个标签使用情况……具体效果可以点击下方视频观看或打开下方预览地址查看哦 【原型效果】 【Axure高保真原型】标签管…