js基础的讲解01

  目标1：   

 初识 JavaScript

 JavaScript 注释

 JavaScript 输入输出语句

目标2：

 变量概述

 变量的使用

 变量的存储

 变量语法扩展

 变量命名规范

 交换变量案例

         

1.1 什么是变量var

白话：变量就是一个装东西的盒子。

通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。                      

1.2 变量在内存中的存储（面试） 

                                                                                                       

目标3：

 数据类型简介

 简单数据类型

 获取变量数据类型-typeof

 数据类型转换

数据类型的转换：

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

我们通常会实现3种方式的转换：

 转换为字符串类型

 转换为数字型

 转换为布尔型

1）转换为字符串：

如：var  num=1

toString;==>alert(num.toString())

string()==>alert(String(num))

加号拼接==》alert（num+" "）

 toString() 和 String() 使用方式不一样。

 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式， 这一种方式也称之为隐式转换。

2)转换为数字型（重点）

3)转换为布尔型-- Boolean()

 代表 空 、 否定的值 会被转换为 false ，如 ''、0、NaN、null、undefined

 其余值都会被转换为 true

--------------------------------------------------------------------------------------------

目标1：

运算符

算数运算符

递增和递减运算符

比较运算符

逻辑运算符

赋值运算符

运算符优先级

1. 运算符

运算符（operator）也被称为 操作符 ，是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript中常用的运算符有：

 算数运算符

 递增和递减运算符

 比较运算符

 逻辑运算符

 赋值运算符

比较运算符

=：表示的是赋值

==：判断两边的值是否相等（隐式转换）

===： 判断两边的值是否相等（数据类型完全相等）

逻辑运算符概述

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。

&&：表示的是并且 如：data.==！null&&data.num==>就是data不能为空并且有num

||：表示的是或

！：表示取反

目标2：

流程控制

顺序流程控制

分支流程控制

if 语句

三元表达式

分支流程控制

switch 语句

流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。

 if 语句

1. 语法结构

// 条件成立执行代码，否则什么也不做
if (条件表达式) {
    // 条件成立执行的代码语句
}

if else语句（双分支语句）

1. 语法结构

// 条件成立  执行 if 里面代码，否则执行else 里面的代码
if (条件表达式) {
    // [如果] 条件成立执行的代码
} else {
    // [否则] 执行的代码
}

if else if 语句(多分支语句)

1. 语法结构

// 适合于检查多重条件。
if (条件表达式1) {
    语句1；
} else if (条件表达式2)  {
    语句2；
} else if (条件表达式3)  {
   语句3；
 ....
} else {
    // 上述条件都不成立执行此处代码
}

三元表达式

三元表达式也能做一些简单的条件选择。 有三元运算符组成的式子称为三元表达式

1. 语法结构

var result = time < 10 ? '0' + time : time; // 把返回值赋值给一个变量
alert(result);

2. 执行思路

如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值

简单理解： 就类似于  if  else （双分支） 的简写

分支流程控制 switch 语句

switch 语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用 switch。

switch( 表达式 ){ 
    case value1:
        // 表达式 等于 value1 时要执行的代码
        break;
    case value2:
        // 表达式 等于 value2 时要执行的代码
        break;
    default:
        // 表达式 不等于任何一个 value 时要执行的代码
}

var fruit = prompt('请您输入查询的水果:');
switch (fruit) {
case '苹果':
alert('苹果的价格是 3.5/斤');
break;
case '榴莲':
alert('榴莲的价格是 35/斤');
break;
default:
alert('没有此水果');
}

5.2 switch 语句和 if else if 语句的区别

 --------------------------------------------------------------------------------------------------------------

目标

循环 for 循环

双重 for 循环

while 循环

do while 循环

continue  break

1.for循环

1 语法结构

for(初始化变量; 条件表达式; 操作表达式 ){
//循环体
}

 初始化变量： 通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。

 条件表达式： 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。

 操作表达式： 每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然，递减变量也是可以的。

执行过程：

1. 初始化变量， 初始化操作在整个 for 循环只会执行一次 。

2. 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。

3. 执行操作表达式，此时第一轮结束。

4. 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。

5. 继续执行操作表达式，第二轮结束。

6. 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。

for 循环重复相同的代码

for循环可以重复相同的代码 ，比如我们要输出10句“媳妇我错了

// 基本写法
for(var i = 1; i <= 10; i++){
console.log('媳妇我错了~');
}
// 用户输入次数
var num = prompt('请输入次数:')；
for ( var i = 1 ; i <= num; i++) {
console.log('媳妇我错了~');
}

for 循环重复不相同的代码

// for 里面是可以添加其他语句的
for (var i = 1; i <= 100; i++) {
if (i == 1) {
console.log('这个人今年1岁了， 它出生了');
} else if (i == 100) {
console.log('这个人今年100岁了，它死了');
} else {
console.log('这个人今年' + i + '岁了');
} }

求1-100之间所有整数的累加和（面试）

双重 for 循环概述

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
for (内循环的初始; 内循环的条件; 内循环的操作表达式) { 
需执行的代码; } }

 内层循环可以看做外层循环的语句

 内层循环执行的顺序也要遵循 for 循环的执行顺序

 外层循环执行一次，内层循环要执行全部次数

var row = prompt('请输入您打印几行星星:');
var col = prompt('请输入您打印几列星星:');
var str = '';
for (var i = 1; i <= row; i++) {
for (j = 1; j <= col; j++) {
str += '☆';
}
str += '\n';
}
console.log(str);

var row = prompt(' 请输入您打印几行星星 :');

var col = prompt(' 请输入您打印几列星星 :');

var str = '';

for (var i = 1; i <= row; i++) {

for (j = 1; j <= col; j++) {

str += ' ☆ ';

}

str += '\n';

}

console.log(str);