js DAY1基础语法,gogogo出发喽~

目标:理解变量、数据类型、等基础概念，能够实现数据类型的转换，具备利用板字符串渲染表格的能力

一·JS简介

1·JavaScript 是什么

（1）JavaScript 是一种运行在浏览器的编程语言 ，以下是其主要作用：
 
- Web前端开发：为网页添加动态交互功能，如响应用户的点击、滚动等操作，实现表单验证、轮播图、下拉菜单等效果；动态更新网页内容，无需刷新页面即可改变网页上的文本、图像、样式等；与HTML和CSS配合，构建更丰富、交互性强的用户界面。
- 服务端开发：借助Node.js等运行环境，JavaScript可用于服务器端编程，处理网络请求、操作数据库、执行复杂的业务逻辑等。
- 移动应用开发：通过React Native、Cordova等框架，使用JavaScript开发跨平台移动应用，实现应用的界面交互和功能逻辑。
- 游戏开发：创建网页游戏和轻量级游戏，实现游戏逻辑、处理用户输入、控制游戏图形和动画等。
- 其他方面：用于编写自动化测试脚本；控制和连接物联网设备；开发桌面应用（如借助Electron框架 ）等。

（2）JavaScript的组成(有什么?)
>ECMAScript:
规定了js基础语法核心知识。
比如:变量、分支语句、循环语句、对象等等
>Web APls :
DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

JavaScript权威网站:https://developer.mozilla.org/zh-CN/docs/Web/javaScript

2·JavaScript 书写位置

（1）行内（内联）JavaScript（了解）

代码写在标签内部

（2）內部JavaScript

直接写在html文件里，用script标签包住
规范:script标签写在</body>上面
拓展: alert('你好，js’)页面弹出警告对话框

注意事项
我们将 <script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺席加载 HTML如果先加载的JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。因此，将JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

（3）外部JavaScript

代码写在以.js结尾的文件里
语法:通过script标签，引入到html页面中

注意事项
1.script标签中间无需写代码，否则会被忽略!
2.外部)ava5cript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。

3·JavaScript 的注释

4·JavaScript的结束符

1.作用:使用英文的;代表语句结束
2.实际情况:实际开发中，可写可不写，浏览器(avaScript 引擎)可以自动推断语句的结束位置现状:在实际开发中，越来越多的人主张，书写JavaScript代码时省略结束符
3.约定:为了风格统一，结束符要么每句都写，要么每句都不写(按照团队要求.)

5·输入和输出语法

（1）输出语法

语法1:document

document.write('要出的内容')

作用:向body内输出内容

注意:如果输出的内容写的是标签，也会被解析成网页元素

语法2:alert

alert('要出的内容')
作用:页面弹出警告对话框

语法3:log

console.log('控制台打印'）
作用:控制台输出语法，程序员调试使用

（2）输入语法

语法:prompt

prompt('请输入您的姓名:')
作用:显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字
展示:

注意：alert（）和prompt（）会跳过页面渲染优先执行

6·字面量

相当于数据类型，例如：

1000 此时1000 就是 数字字面量
'黑马程序员’字符串字面量
还有接下来我们学的[】数组字面量0}对象字面量 等等

二·变量

1.变量是用来存储数据的容器，而非数据本身

2.使用

（1）声明变量:

要想使用变量，首先需要创建变量(也称为声明变量或者定义变量)语法:

let  变量名

声明变量有两部分构成:声明关键字、变量名(标识)
let 即关键字(let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明(定义)变量的词语

（2）变量赋值:

定义了一个变量后，你就能够初始化它(赋值)。在变量名之后跟上一个“=”，然后是数值。

注意:是通过变量名来获得变量里面的数据

（3）更新变量

变量赋值后，还可以通过简单地给它一个不同的值来更新它

注意: let不允许多次声明一个变量。

（4）声明多个变量，用逗号隔开

let 变量1=---，变量2=---

3.本质

内存:计算机中存储数据的地方，相当于一个空间
变量本质:是程序在内存中申请的一块用来存放数据的小空间

4.变量命名规则与规范

注意变量值为汉字时，前后要加单引号

规则:必须遵守，不遵守报错(法律层面)
规范:建议，不遵守不会报错，但不符合业内通识(道德层面)

1.规则:

>不能用关键字
√ 关键字:有特殊含义的字符，JavaScript内置的一些英语词汇。例如:let、var、if、for等，

>只能用下划线、字母、数字、$组成，且数字不能开头
>字母严格区分大小写，如 Age 和 age 是不同的变量

2.规范:

>起名要有意义
> 遵守小驼峰命名法
√第一个单词首字母小写，后面每个单词首字母大写。例:userName

拓展：数组

数组：将一组数据存储于单个变量下的方式

注意是中括号

1.数组是按顺序保存，所以每个数据都有自己的编号
2.计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推
3.在数组中，数据的编号也叫索引或下标
4.数组可以存储任意类型的数据

数组长度=数组名.length

获取变量的方式：数组名[下标]

三·常量

1.常量的基本使用

（1）概念:使用const声明的变量称为“常量”

（2）使用场景:当某个变量永远不会改变的时候，就可以使用 const来声明，而非let。

（3）命名规范:和变量一致
（4）常量使用:

注意:常量不允许重新赋值,声明的时候必须赋值(初始化)

小技巧:不需要重新赋值的数据使用const

四·数据类型

1.基本数据类型

（1）number 数字型

即我们数学中学习到的数字，可以是整数、小数、正数、负数。

JavaScript 中的正数、负数、小数等 统一称为 数字类型。

注意事项
JS 是弱数据类型，变量到底属于那种类型，只有赋值之后，我们才能确认Java是强数据类型 例如int a=3 必须是整数

NaN代表计算错误，任何对NaN的操作都等于NaN

（2）string 字符串型

通过单引号(”),双引号("")或反引号(`)包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

注意事项:
1.无论单引号或是双引号必须成对使用
2.单引号/双引号可以互相嵌套，但是不以自已嵌套自已(口诀:外双内单，或者外单内双)3.必要时可以使用转义符\，输出单引号或双引号

模板字符串

使用场景

1.拼接字符串和交量
2.在没有它之前，要拼接变量比较麻烦

语法

1.(反引号)
2.在英文输入模式下按键盘的tab键上方那个键(1左边那个键)
3.内容拼接变量时，用 ${}包住变量

（3）boolean 布尔型

表示肯定或否定时在计算机中对应的是布尔类型数据。它有两个固定的值 true 和 false，表示肯定的数据用 true(真)，表示否定的数据用 false(假)

（4）undefined 未定义型

未定义是比较特殊的类型，只有一个值 undefined。
只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

工作中的使用场景:
我们开发中经常声明一个变量，等待传送过来的数据。
如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。

（5）null 空类型

JavaScript 中的 null 仅仅是一个代表“无”·“空”或“值未知”的特殊值

null 和 undefined 区别:

undefined 表示没有赋值
null 表示赋值了，但是内容为空

null 开发中的使用场景:

官方解释:把 null作为尚未创建的对象
大白话: 将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null

2.引用数据类型

object 对象

检测数据类型

通过 typeof 关键字检测数据类型
typeof 运算符可以返回被检测的数据类型。它支持两种语法形式:
作为运算符:typeofx(常用的写法)
函数形式:typeof(x)
换言之，有括号和没有括号，得到的结果是一样的，所以我们直接使用运算符的写法。

五·数据类型的转换

1.为什么需要类型转换

JavaScript是弱数据类型:JavaScript也不知道变量到底属于那种数据类型，只有赋值了才清楚。

坑:使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算

此时需要转换变量的数据类型
通俗来说，就是把一种数据类型的变量转换成我们需要的数据类型，

2.隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换

规则:

+号两边只要有一个是字符串，都会把另外一个转成字符串
除了+以外的算术运算符 比如-*/等都会把数据转成数字类型

缺点:

转换类型不明确，靠经验才能总结

小技巧:

+号作为正号解析可以转换成数字型
任何数据和字符串相加结果都是字符串

3.显式转换

编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

概念:

自己写代码告诉系统该转成什么类型

转换为数字型

Number(数据)

转成数字类型
如果字符串内容里有非数字，转换失败时结果为NaN(NotaNumber)即不是一个数字
NaN也是number类型的数据，代表非数字V

parseInt(数据)

> 只保留整数

parseFloat(数据

>可以保留小数

六·算术运算符