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()输入任意内容会以弹窗形式出现在浏览器中,一般提示用户输入一些内容
数组
数组是一种将一组数据存储在单个变量名下的优雅方式
数组的使用方式
1声明
- 数组是按顺序保存,有自己的编号,数组的下标从0开始
- 数组的编号也叫索引或者下标
- 数组可以存储任意类型的数据
2取值
通过下标取值
取出来是什么类型,就根据这种类型的特点来访问
3:一些术语
元素:数组中保存的每个数据豆角数组元素
下标:数组中数据的编号
长度:数组中数据的个数,通过数组的length属性获得
变量
变量是计算机中用来存储数据的“容器”,他可以让计算机变得有记忆,通俗易懂变量就是使用{某个符号}来代表{某个具体的数值}(数据)
声明
声明变量有两部分构成:声明关键字,变量名(标识)
关键字是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)即不是一个数字