javascript基础

Web 标准的构成

JavaScript 书写位置

 JavaScript 注释

两种JavaScript注释方法

1. 单行注释

 2. 块注释

 JavaScript 结束符

代表语句结束

英文分号 ;

为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.）

JavaScript 输入输出语句

 向body内输出内容

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

 页面弹出警告对话框

输入语句：

 小结：

JavaScript是什么？

JavaScript是一门编程语言，可以实现很多的网页交互效果。

JavaScript 书写位置?

行内 JavaScript

内部 JavaScript – 写到 标签上方

外部 JavaScript - 通过 src 引入html页面中，但是<script>标签不要写内容，否则会被忽略

JavaScript 的注释？

单行注释 //

多行注释 /* */

JavaScript 的结束符？

分号； 可以加也可以不加，可以按照团队约定

注意换行默认为结束符

JavaScript 输入输出语句？

输入： prompt()

输出： alert() document.write()

变量

变量是什么？

变量是计算机存储数据的“容器”

声明变量：

要想使用变量，首先需要创建变量（专业说法： 声明变量）

 变量赋值：

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

通过变量名来获得变量里面的数据 

更新变量：

变量赋值后，还可以通过简单地给它一个不同的值来更新它。(这里主要针对的是通过let 和 var声明的变量)

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

变量命名规则与规范

规则：

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

只能用下划线、字母、数字、$组成，且数字不能开头

字母严格区分大小写，如 Age 和 age 是不同的变量

规范：

起名要有意义

遵守驼峰命名法

第一个单词首字母小写，后面每个单词首字母大写。例：userName

 变量小结

为什么需要变量？

因为我们一些数据需要保存，所以需要变量

变量是什么？

变量就是一个容器，用来存放数据的。方便我们以后使用里面的数据

变量的本质是什么?

变量是内存里的一块空间，用来存储数据。（存储在栈区）

变量怎么使用的？

我们使用变量的时候，一定要声明变量，然后赋值

声明变量本质是去内存申请空间。

拓展

使用 let 时的注意事项：

允许声明和赋值同时进行

不允许重复声明

JavaScript 中内置的一些关键字不能被当做变量名

允许同时声明多个变量并赋值， 同时，输出也可以输出多个变量

JS数据类型

数字类型（number） 

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

 

字符串类型（string）

通过单引号（ ''） 、双引号（ ""）或反引号包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐 使用单引号。

 注意

无论单引号或是双引号必须成对使用

单引号/双引号可以互相嵌套，但是不以自已嵌套自已

必要时可以使用转义符 \，输出单引号或双引号

布尔类型（boolean）

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

let isTrue = true  //代表真
isTrue = false //代表假

未定义类型（undefined）

未定义是比较特殊的类型，只有一个值 undefined。

什么情况出现未定义类型？

声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

控制台输出语句：

typeof 关键字检测数据类型 

运算符

算数运算符

+：求和

-：求差

*：求积

/：求商

%：取模（取余数）

优先级

同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。

JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。

乘、除、取余优先级相同

加、减优先级相同

乘、除、取余优先级大于加、减

使用 () 可以提升优先级

+ 运算符

+ 运算符在数字型(number)中是求和运算

 + 运算符在字符串型(string)中是拼接

模板字符串

作用

拼接字符串和变量

在没有它之前，要拼接变量比较麻烦

 符号

``

在英文输入模式下按键盘的tab键上方那个键（1左边那个键）

内容拼接变量时，用 ${} 包住变量

 

类型转换

隐式转换

显式转换

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

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

此时需要转换变量的数据类型。

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

隐式转换

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

1.+号两边只要有一个是字符串，都会把另外一个转成字符串

2.除了+以外的所有算术运算符都会把数据转成数值类型

显式转换

为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

转换方法：

Number(数据)

转成数值类型

如果字符串内容里有非数字，转换失败时结果为 NaN（Not a Number）即不是一个数字

NaN也是number类型的数据，代表非数字

Boolean（数据）

转成布尔类型

0、空字符串、NaN、undefined、null转成false,其他都是true