js-day01-基础语法(引入方式,注释,结束符,输入,输出,数组,变量,常量,类型转换)

javaScript

介绍

引入方式

javaScript程序不能独立运行。他需要被嵌入HTML中,然后浏览器才能被执行JavaScript代码。通过script标签将JavaScript代码引入到HTMK中,有两种方式:

内部方式

通过script标签包裹javaScript代码

在这里插入图片描述

外部形式

一般将javaScript代码写在独立的疫,js结尾的文件中,然后通过script标签的src属性引入

在这里插入图片描述

如果script标签使用src属性引入了某.js文件,那么标签的代码会被忽略。

注释和结束符

两种方式

单行注释

使用// 快捷键ctrl+/

多行注释

/* */ 快捷键shift+alt+A

结束符

;代表一段代码的结束,多数情况下可以省略;使用回车代替

实际开发中省略结束符

输入和输出

输出和输入可以理解为人和计算机的交互,影虎通过键盘,鼠标等向计算机输入信息,计算机处理后在展示给用户,这边是一次输入和输出的过程

输出

两种方式:alert(),document.write( )

alert()弹窗输出

document.write( )文档输出

输入

pormpt()输入任意内容会以弹窗形式出现在浏览器中,一般提示用户输入一些内容

在这里插入图片描述

数组

数组是一种将一组数据存储在单个变量名下的优雅方式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DDeVx1cT-1661586216603)(C:\Users\86153\AppData\Roaming\Typora\typora-user-images\image-20220819202146692.png)]

数组的使用方式
1声明

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0trxdyXx-1661586216604)(C:\Users\86153\AppData\Roaming\Typora\typora-user-images\image-20220819202220918.png)]

  • 数组是按顺序保存,有自己的编号,数组的下标从0开始
  • 数组的编号也叫索引或者下标
  • 数组可以存储任意类型的数据
2取值

在这里插入图片描述

通过下标取值

取出来是什么类型,就根据这种类型的特点来访问

3:一些术语

元素:数组中保存的每个数据豆角数组元素

下标:数组中数据的编号

长度:数组中数据的个数,通过数组的length属性获得

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cx8EE7NH-1661586216606)(C:\Users\86153\AppData\Roaming\Typora\typora-user-images\image-20220819203920951.png)]

变量

变量是计算机中用来存储数据的“容器”,他可以让计算机变得有记忆,通俗易懂变量就是使用{某个符号}来代表{某个具体的数值}(数据)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3lZ9sW58-1661586216606)(C:\Users\86153\AppData\Roaming\Typora\typora-user-images\image-20220819185640042.png)]

声明

声明变量有两部分构成:声明关键字,变量名(标识)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GVLg3bQf-1661586216607)(C:\Users\86153\AppData\Roaming\Typora\typora-user-images\image-20220819185700534.png)]

关键字是js中内置的一些英文词汇(单词或缩写),他们代表某些特定的含义,如let额含义是声明变量的。

let和var都是js中声明变量的关键字,推荐使用let声明

赋值

声明变量相当于创建了一颗空的容器,通过赋值像这个容器中添加数据

关键字

js中使用专门的关键字let和var来声明变量,在使用时需要注意一些细节

let的注意事项:

1:允许声明和赋值同时进行

2:不允许重复声明

3:允许同时声明多个变量并赋值

4:在js中内置的一些关键字不能被当做变量名

var的注意事项:

1:允许胜负和赋值同时进行

2:允许重复声明

3:允许同时声明多个变量并赋值

大部分情况下使用var和let区别不大,但是let比var更严谨,推荐使用let(let会报错,var不提示你)

变量名的命名规则

规则:

1:只能输字母,数字,下划线,$,且不能以数字开头

2:字母区分大小写

3:变量名不能用关键字

4:尽量做到变量具有一定的语义,见字知意

tips:

关键字:是js内部使用的词语

保留字:js内部目前没有使用,但是未来可能会使用的词语

常量

概念:使用const声明的变量成为常量

使用场景:当某个变量永远不会改变的时候,用const,而不是let

命名规范和变量一致

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

数据类型

声明

计算机世界的万事成物都是数据

计算机程序可以处理大量的数据,为了方便数据的管理,将数据分成了不同的类型。

注:通过typeof关键字检测数据类型

在这里插入图片描述

数值类型

就是我们数学中学到的数字,可以试着横竖,小数,正数,负数

在这里插入图片描述

字符串类型

通过单引号,双引号和反引号包裹的数据都叫字符串。

单引号和双引号没有本质的区别。推荐使用单引号

注意事项:

1:无论是单引号还是双引号都必须成对使用

2:单引号/双引号可以相互嵌套,但是不可以自己嵌套自己

3:必要时可以用转义字符\,输出单引号或双引号

在这里插入图片描述

–布尔类型

表示肯定火否定时在计算机中对应的是布尔类型数据,他有两个股东的值trul和false,表示肯定的是 trul,表示否定的是false

在这里插入图片描述

未定义类型undefined

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

在这里插入图片描述

注:js中的变量的值直觉决定了变量的数据类型

类型转换

在js中的数据被分成了不同的数据类型,如数值,字符串,布尔类型,undefined,在实际编程的过程中,不同数据类型之间存在着转换的关系

隐式转换

某些运算符在被执行是,系统内部自动将数据类型进行转换,这种转换成为隐式转换

在这里插入图片描述

  • 加号只有一端有值,会转化成数字

  • 加号2端有一个字符串,都会转化为字符串

注:数据类型的隐式转换时js的特征,后续学习中还会继续遇到,目前先需要了解什么是隐式转换

补充介绍模板字符串的拼接的使用

显示转换

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

Number

通过Number显示转换成数值类型,当转换失败时的结果为NaN(Not a Number)即不是一个数字

字符串

注:数据类型的隐式转换时js的特征,后续学习中还会继续遇到,目前先需要了解什么是隐式转换

补充介绍模板字符串的拼接的使用

显示转换

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

Number

通过Number显示转换成数值类型,当转换失败时的结果为NaN(Not a Number)即不是一个数字

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值