js基础与流程控制

------------恢复内容开始------------

------------恢复内容开始------------

var声明变量

 

 

变量的赋值

同时声明多个变量

 

 

同时声明多个变量并赋值

 

 

变量在内存中的存储

 

 

规则 - 必须遵守的，不遵守会报错

1、由字母、数字、下划线、$符号组成，不能以数字开头

2、不能是关键字和保留字，例如：for、while。

3、区分大小写

规范 - 建议遵守的，不遵守不会报错

1、变量名必须有意义

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

字面量

在源代码中一个固定值的表示法，也叫字面量。

数值字面量：8, 9, 10

字符串字面量：'程序员', "大前端"

布尔字面量：true，false

基本数据类型

1、Number类型  

十进制

 十六进制  var num = 0xA

八进制  var num1 = 07

浮点数

最小值：Number.MIN_VALUE，这个值为： 5e-324
    最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
    无穷大：Infinity
    无穷小：-Infinity

数值判断

NaN：not a number （可以通过Number()方法判断）

NaN与任何值都不相等，包括他本身

isNaN(): is not a number （如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false）

2、String类型

字符串长度

length属性用来获取字符串的长度

字符串拼接

两边只要有一个是字符串，那么+就是字符串拼接功能

两边如果都是数字，那么就是算术功能。

语言具有隐式转换（隐式类型转换就是指，数据的类型在不用人工干预的情况下进行转换的行为，原因：js是一门弱类型（动态类型）的语言，他在声明变量的时候不需要指定类型，对变量赋值也没有类型的检测，所以js是非常的灵活的，）

3、Boolean类型

Boolean字面量： true和false，区分大小写

计算机内部存储：true为1，false为0

4、Undefined和Null

undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined

null表示一个空，变量的值如果想为null，必须手动设置

复杂数据类型

Object

typeof关键字

toString()

转换成字符串类型  

String()

String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null

 

拼接字符串方式

num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN

 Number()转化规则

     a. 如果字符串中只包含数字时，将其转换为十进制数值，忽略前导0

     b. 如果字符串中包含有效浮点格式，如“1.1”，将其转换为对应的浮点数字，忽略前导0

     c. 如果字符串中包含有效的十六进制格式，如“0xf”，将其转换为相同大小的十进制数值

     d. 如果字符串为空，或者是空内容，将其转换为0

     e. 如果字符串中包含除上述格式之外的字符，则将其转换为NaN

parseInt()

parseFloat()

parseFloat()把字符串转换成浮点数，parseFloat()和parseInt非常相似，不同之处在与
  parseFloat会解析第一个. 遇到第二个.或者非数字结束
    如果解析的内容里只有整数，解析成整数

 

转换成布尔类型

Boolean()

0    ' '    null    undefined    NaN会转换成false，其它都会转换成true。

(1)、算术运算符

+ - * / %   

(2)、一元运算符

一元运算符：只有一个操作数的运算符

5 + 6 两个操作数的运算符是二元运算符

++ 自身加1，-- 自身减1

前置++  先将自身的值自增1，再将自增后的值赋值给变量

 

前置++： 参与运算输出

后置++：​运算完毕输出

(3)、逻辑运算符(布尔运算符)

&& 与 两个操作数同时为true，结果为true，否则都是false
|| 或 两个操作数有一个为true，结果为true，否则为false
! 非  取反

(4)、关系运算符(比较运算符)

<  >  >=  <= == != === !==
    ==与===的区别：==只进行值得比较，===类型和值同时相等，则相等
    var result = '55' == 55;    // true
    var result = '55' === 55;   // false 值相等，类型不相等
    var result = 55 === 55;     // true

注意：null代表的是空指针对象，undefined代表的是未定义，所以null与undefined与任何值都不相等（==），但是我们在ECMA-262规定：null与undefined相等，即null==undefined返回结果为true，实际上，undefined值是派生自null值的。

字符串大小的比较：

如果两个字符串中都是全数字，只需比较两个首字符串数字的大小即可。即：“50”>”8”返回结果为false

如果等号两侧有一个是数字类型，则将字符串转化为数字再进行比较。即：”50”>8返回结果为true

(5)、赋值运算符

=    +=    -=    *=    /=    %=
    num += 5;   //相当于  num = num + 5;

(6)、运算符的优先级

优先级从高到底如下：

括号>点运算符>一元运算符> 算数运算符 >关系运算符>逻辑运算符 >赋值运算符 

注意：同级运算符先后顺序如下：

 

 

 

 

1.流程控制介绍

程序的三种基本结构

顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的)

分支结构：根据不同的情况，执行对应代码

循环结构：重复做一件事情

2.分支结构

1. 、if语句

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

 

 

 

 

 

 

 

 

 

 

 

 2 、三元运算符

表达式1 ? 表达式2 : 表达式3

是对if……else语句的一种简化写法

 

 

1. 、switch语句

switch 语句 - 使用该语句来选择多个代码块之一来执行

语法格式:

switch (expression) {
 case 常量1:
   语句;
   break;
 case 常量2:
   语句;
   break;
 case 常量3:
   语句;
   break;
 …
 case 常量n:
   语句;
   break;
 default:
   语句;
   break;
}

break可以省略，如果省略，代码会继续执行下一个case。

default 关键词来规定匹配不存在时做的事情。

switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串'10' 不等于数值 10）

 

 

 

 

 

 

 

if语句和switch语句的区别：

if语句：

表达式的结果为boolean类型。常用于区间判断

switch语句：

switch case 使用严格比较（===），值必须与要匹配的类型相同，只有操作数属于同一类型时，严格比较才能为 true。在以下这个例子中，x 将不匹配。

3.循环结构

在javascript中，循环语句有三种，while、do..while、for循环。

(1)、while语句

while 循环会在指定条件为真时循环执行代码块。

// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。

while (循环条件) {
 //循环体    
}

(2)、do...while语句

do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。

 

 

for语句

while和do...while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

 

 

(5)、continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

 

 

 

 

 

------------恢复内容结束------------

------------恢复内容结束------------