Javascript（一）：变量，数据类型

#Javascript的三种写法

1.行内式

<input type="button" value="123" onclick="alert('Hello World')"/>

①可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性）,如：onclick
②注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
③可读性差，在html中编写JS大量代码时，不方便阅读；
④引号易错，引号多层嵌套匹配时，非常容易弄混；
⑤特殊情况下使用

2.内嵌式

<script>
    alert('Hello World');
</script>

①可以将多行JS代码写到<script>标签中
②内嵌JS是学习时常用的方式

3.外部式

<script src="my.js"></script>

①利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
②引用外部JS文件的script标签中间不可以写代码
③适合于JS代码量比较大的情况

#JS的注释

//1.单行注释	ctrl+/
/*多行注释		ctrl+shift+a
	多行注释*/

JS输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下：

方法	说明	归属
alert（msg）	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制答应输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

变量

1.1什么是变量

白话：变量就是一个装东西的盒子。
通俗：变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

1.2变脸在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间，一个房间就可以看作是一个变量

1.3变量的使用

变量在使用时分为两步：1.声明变量 2.赋值

1.声明变量

//声明变量
var age;//声明一个名称为age的变量

①var是一个JS关键字，用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

②age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

###2.赋值

age = 10; //给age这个变量赋值为10

​ ① ‘=’用来把右边的值赋给左边的变量空间中 此处代表赋值的意思

​ ②变量值是程序员保存到变量空间里的值

3.变量的初始化

var age = 18;	//声明变量同时赋值为18

声明一个变量并赋值，我们称不为变量的初始化

1.4变量的语法拓展

1.更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

var age = 18;
age = 81; //最后的结果就是81	因为18被覆盖掉了

2.声明多个变量

同时声明多个变量，只需要写一个var，多个变量名之间使用英文逗号隔开。

var age = 10,name = 'zs',zs = 2;

3.声明变量的特殊情况

情况	说明	结果
var age;console.log(age);	只声明，不赋值	undefined
console.log(age)	不声明 不赋值 直接使用	报错
age = 10;console.log(age);	不声明 只赋值	10

1.5变量命运规范

1.由字母（A-Za-z)、数字（0-9)、下划线（)、美元符号（$)组成，如：usrAge,num01,_name

2.严格区分大小写。varapp;和var App;是两个变量

3.不能以数字开头。18age是错误的

4.不能是关键字、保留字。例如：var、for、while

5.变量名必须有意义。MMD BBD nl → age

6.遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

7.推荐翻译网站：有道 爱词霸

变量小结

数据类型

1.1为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利
用存储空间，于是定义了不同的数据类型。

简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18,这些数据的类型是不一样的。

1.2变量的数据类型

变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的
内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会
被自动确定。

var age = 10;			//这是一个数字型
var areYouOk = '是的'	   //这是一个字符型

在代码运行时，变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的，运行完毕之后，变量就确定
了数据类型。
JavaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型：

var x = 6;		//x为数字
var x = 'Bill'	//x为字符串

1.3数据类型的分类

JS 把数据类型分为两类：
①简单数据类型（Number,String,Boolean,Undefined,Null)
②复杂数据类型（object)

2.1简单数据类型

JavaScript中的简单数据类型及其说明如下：

2.2.数字型Number

1.数字型进制

最常见的进制有二进制、八进制、十进制、十六进制。

//1.八进制数字序列范围：0~7
var num1=07;//对应十进制的7
var num2=019;//对应十进制的19
var num3=08;//对应十进制的8
//2.十六进制数字序列范围：0~9以及A~F
var num = 0xA;

现阶段我们只需要记住，在JS中八进制前面加0,十六进制前面加0x

2.数字型范围

JavaScript中数值的最大和最小值

alert(Number.MAX_VALUE);//1.7976931348623157e+308
alert(Number.MIN_VALUE);//5e-324

最大值：Number.MAX_VALUE,这个值为：1.7976931348623157e+308
最小值：Number.MINVALUE,这个值为：5e-32

3.数字型的三个特殊值

alert(Infinity);//Infinity
alert(-Infinity);//-Infinity
alert(NaN);//NaN

Infinity,代表无穷大，大于任何数值
-Infinity,代表无穷小，小于任何数值
NaN,Not a number,代表一个非数值

4.isNaN（）

用来判断一个变量是否为非数字的类型，返回True或者false

)

var usrAge=21;
var isok = isNaN(userAge);
console.log(isNum);
//false,21不是一个非数字
var usrName ="andy";
console.log(isNaN(userName));//true,"andy"是一个非数字

2.3字符串类型String

字符串型可以是引号中的任意文本，其语法为双引号"“和单引号”

var strMsg="我爱北京天安门~";//使用双引号表示字符串
var strMsg2='我爱吃猪蹄~';//使用单引号表示字符串
//常见错误
var strMsg3=我爱大肘子;//报错，没使用引号，会被认为是js代码，但js没有这些语法

因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号。

1.字符串的嵌套

JS可以用单引号嵌套双引号，或者用双引号嵌套单引号（外双内单，外单内双）

var strMsg = '我是“高帅富”程序猿'; //可以用'' 包含""
var strMsg2="我是'高帅富程序猿";//也可以用”"包含"
//常见错误
var badQuotes= 'What on earth?";//报错，不能单双引号搭配

2.字符串转义符

类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符

转义符都是\开头的，重用的转义符及其说明如下：

3.字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符
串的长度。

var strMsg="我是帅气多金的程序猿！";
alert(strMsg.length);//显示11

4.字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串+任何类型=拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

//1.1字符串“相加”
alert('hello'+''+'world');//hello world
//1.2数值字符串“相加”
alert('100'+'100');//100100
//1.3数值字符串+数值
alert('11'+12);//1112

+号总结口诀：数值相加，字符相连

5.字符串拼接加强

console.log('pink老师'+18);	//只要有字符就会相连
var age = 18;
//console.log('pink老师age岁啦');	//这样不行哦
console.log('pink老师'+age);		//pink老师18
console.log('pink老师'+age+'岁啦');		//pink老师18岁啦

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值
变量是不能添加引号的，因为加引号的变量会变成字符串
如果变量两侧都有字符串拼接，口诀**“引引加加”**，删掉数字，变量写加中间

2.4布尔型Boolean

布尔类型有两个值：true和false,其中true表示真（对）,而false表示假（错）。
布尔型和数字型相加的时候，true的值为1,false的值为0。

console.log(true+1);//2
console.log(false+1);//1

2.5Undefine 和 NULL

一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时，注意结果）

var variable;
console.log(variable);
// undefined
console.log('你好'+variable);//你好undefined
console.log(11+variable);
//NaN
console.log(true+variable);//NaN

一个声明变量给null值，里面存的值为空（学习对象时，我们继续研究null)

var vari = null;
console.log('你好'+vari);//你好null
console.log(11+vari);//11
console.log(true+vari);//1

3.1获取检测变量的数据类型

typeof可用来获取检测变量的数据类型

3.2字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。
数字字面量：8,9,10
字符串字面量：'黑马程序员，“大前端”
布尔字面量：true,false

4数据类型转换

1.什么是数据类型转换

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变
量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。
我们通常会实现3种方式的转换：
①转换为字符串类型
②转换为数字型
③转换为布尔型

2.转换字符串

①toString()和String()使用方式不一样。
②三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

3.转换数字型

注意parselnt和parseFloat单词的大小写，这2个是重点

隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

4.转换布尔型

①代表空、否定的值会被转换为false,如"、0、NaN、null、undefined

②其余值都会被转换为true

console.log(Boolean("));//false
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false
console.log(Boolean('小白'));//true
console.log(Boolean(12));//true

注意parselnt和parseFloat单词的大小写，这2个是重点

隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型