js基础(1)~js数据类型，基本运算符，js结构判断，for循环，

1.页面中运行js

(1)javascript,简写为js，是一种函数式、弱类型的脚本语言。
(2)在一个网页中：

HTML负责页面中有什么。
CSS负责页面长什么样子。
JS负责页面能够干什么。
JS能够控制HTML和CSS

(3)Js在页面中运行有两种方式：

1. 直接在script标签中写js代码。
2. 引用外部js文件。Src属性填写的是外部js文件的绝对路径。

<script src="name.js"></script>
控制台输出：Console.log

一个页面中是可以关联多个script标签，代码会按照先后顺序执行。
赋值：从右往左赋值，等号右边的值赋值给左边

2.变量和基本数据类型

(1)使用var xxx声明一个变量， =表示赋值运算符，作用是把=右边的值赋给=左侧的变量。

var  myAge = 31;

(2)基本数据类型：
数据类型：number，用于记录一个数字，直接输入数字。

var num = 30.5; 

字符串类型：string，用于记录一段文本，使用双引号包括，也可以使用单引号定义。

var str = "20";   str = '大龙';

布尔类型：boolean,用于记录一个真假值(是否)。true为真，false为假。

var flag = true; 

3.基本运算符

四则运算符：+号：可以用于数字相加。

var num =1+2+3;
console.log(num);  //6

变量也可以通过表达式计算。

var num2 =num+num;

当用+号链接字符串时，代表字符串拼接。例如：

var s1 ="a";
var s2 ="b";
var s3 =s1+s2; //s3 = 'ab'

当数字和字符串进行相加时，代码会自动将数字转换为字符串，并与另一个字符串进行拼接，组成新的字符串。

var s4 ="3"+5;
console.log(s4); //35
-号：减号，两个数相减。例如：
var num3 =5-2;
console.log(num3); //num3 = 3

当参与运算的两个值其中只要有一个是字符串时，代码会将字符串转换为数字，然后进行数学相减(前提是字符串里面的内容可以转成数字)。例如：

var num4 ="5" -3;
console.log(num4);=2

*号：乘号：两数相乘。不同的运算拥有不同的优先级，乘法运算的优先级大于加减。
当字符串参与乘法运算时。和-(减号)遵循的规则一样，

/号：除号：和乘法运算规则一样，
%号：取余运算符：两个数字整除之后的余数，

var num7 =5%3;
console.log(num7);

++和–：自加1和自减1，

++写在变量后,代表变量先参与表达式计算,后自增
++写在变量前,表示先自增,后参与表达式计算
var num8 =5
var num9 =num8++;
console.log(num8,num9);num8 =6;num9 =5
// 逻辑和++相同，
var num10 =num9--;
console.log("???"+num9,num10);num9 =4;num10 =5
其他运算符
// +=表示自增运算 同样还有:-= *= /=
var num11 =10;
num11+=5;（numll=numll+5）;
console.log(num11);

4.布尔运算符

&&表示和运算,当运算符两侧的布尔值都为真时,结果才为真

var f1 =false&&true;
console.log(f1);

||表示或运算,两侧的布尔值只要有一侧为真,结果就为真

var f2 =true||false;
console.log(f2);

!表示非运算,是一个单目运算符,对布尔值进行取反,假的取真,真的取假。
非运算的优先级大于和与或。

var f3 = !true;

5.比较运算符

var a =6; var b =5;
// 两个变量进行比较,会得到一个布尔值的结果,不等式成立时为true 不成立则为false
// <小于(左侧小于右侧) >大于
var f1 =a<b;
// >=大于等于 <=小于等于 规则和大于小于一样
var f2 = a>=b;
// !=不等于
var f3 = a!=b;

比较运算符会组成一个表达式,无论这个表达式有多长,系统再去检测的时候始终会把该表达式的结果以一个bool值来返回出来。

6.If分支结构

编程采取的执行顺序是从上往下依次执行代码。
可以通过分支结构决定哪一部分代码执行哪一部分代码不执行。
可以通过循环结构让哪一部分代码执行对应的次数。

• If语句：if代表如果 (内部是条件表达式){满足表达式才会执行的代码}
• else语句：else//否则 执行规则:当if括号内的布尔值为true时，执行if{}的代码 否则执行else{}的代码。

if搭配else必有一者执行 多个if有可能执行也有可能不执行;
if和else是可以连续使用的。
Else if：或者如果。

7.While循环结构

While循环：格式:while(布尔条件){循环体}

执行规则:
1.判断布尔条件,如果为假直接跳出循环 如果为真则执行循环体
2.循环体执行一遍之后回到第1步
// var flag =false; 
// 布尔值变量再去做判断的时候判断条件的结果应该为true

Do while循环：
先执行一遍do里面的内容然后去看判断条件是否满足 如果满足继续走do 不满足则结束
var sum =0;
do{  sum++;console.log(sum);}while(sum<10)

8.For循环

• For循环格式：for(循环控制变量赋值;循环的条件;循环控制变量修改){循环体}
• 执行规则:
  执行初始循环控制条件变量赋值
  判断循环控制条件是否满足,如果不满足则直接退出循环,如果满足则执行循环体。
  当循环执行完毕后,执行循环控制变量修改,然后回到第二步
• 循环嵌套：

// 循环体内,可以使用循环来控制变量
// i代表循环的值 i
// 循环可以嵌套 一个循环内部可以写另一个循环
for(var i=0;i<10;i++){
	for(var j=0;j<10;j++){
		console.log(i+""+j);
	{
}

• 循环退出：
  Contince：立刻结束循环体执行,执行循环控制变量更改,然后在重新进入条件判断，
  Break：用于退出当前循环。

Contince和break的区别：
Contince是跳过本次循环，继续执行下一次的循环。
Break是直接结束循环。
嵌套循环break一次调不出来，如果需要跳出外层的循环 可以给外层循环起个名字,在break后面追加该名字就行。

9.Js中的=、==和===的区别

=是赋值运算符
==是判断值是否相等
===是判断值和类型是否相等(先比较值，后比较类型)

最后

1，如果文章有地方错误，请联系我，
2，如果你想学习，交流前端知识，
那么请扫码进群，欢迎你的加入。