前端学习js基础第二天-运算符的优先级和数据类型之间的转换

js是前端的核心,知识虽然很碎,但是却很重要

今天的主要内容在于循环结构,其中for循环最重要,一定要掌握!

前端学习js基础第二天

一.运算符也称操作符

1.算术运算符

+加,有拼串和算术的功能

-减

*乘

/除

%取余

如果遇到其他的字符串,自动转成数字进行运算

2.赋值运算符

=,赋值

+=,例如:age+=10,就是age=age+10;

-=,类比+=

*=

/+

%=

3.一元运算符

只有一个变量的运算符

++age;先自增加1,再返回age

age++;先返回age,再加1

--age

age--

4.逻辑运算符

&&,逻辑与,两个都为true时才为true,否则为false

||;逻辑或,只要有一个true就为true,否则为false

!,逻辑非,取反

5.比较运算符

>

<

>=

<=

==,比较值,不比较类型

===,既比较值,又比较类型,都要相等才返回true

!=;不等

二.运算符的优先级

1.()括起来的最高

2.一元运算符(++,--,!)

3.算术运算符,先*/%,后加减

4.比较运算符,先>< >=   <=  再==   ===    !=

5.逻辑运算符,先&&,后||

如果一开始忘记了,通过(提升优先级)

三.数据类型转换

1.如何判断数据的类型

可以直接在控制台查看颜色,也可以利用typeof查看变量类型

2.转化为数字类型的

1.Number()

2.parseInt()

3.parseFloat()

4.直接运算,+age

在进行数值转换时,可分为两种情况

1.转化为了可用数字

2.转化成了不可用数字,NaN表示,表示一个无法用数字表示的数字,而且它是六亲不认的,自己不等于自己

如何区分一个number类型的值,是否是可以用的数字,isNaN()来判断

3.转化为字符串类型的

1.toStrong

2.Strong

3.字符串拼接,num+"";

4.转化为布尔类型的

1.Boolean()

2.!!

只有6种数值可以转化为false其他的只能转化为true

"",0,undefined,null,NaN,false

四.流程控制

1.顺序结构

代码从上往下一行行执行

2.分支结构

有对应的条件,根据不同的条件,做不同的顺序

if语句:

    if:        if(条件){语句1};

    if..else语句:     if(条件){语句1};else{语句2};当不满足条件的时候执行语句2

     if..else if.else语句:    if(条件1){语句1};lese if(条件2){语句2};else{语句3};当都不满足语句1和2的时候,执行语句3

三元运算符:条件?值1:值2;当条件为true时,则返回值1,当条件为false时,返回值2;

switch...case..;用于具体数值的条件

      switch(变量){

        case 值1:

        语句1;

         break;

         case值2:

         语句2;

         break;

         ....

        default:

        默认语句;

       }

3.循环结构,重复的做某一件事情

循环结构很重要我们必须掌握!!!

1.while循环

while(条件){循环语句;}先进行判断,在执行循环体

2.do..while

do{循环体;}while(条件);先执行一次循环,再判断条件;

   while和do..while的区别在于,do..while无论满不满足条件,都会先执行一次循环;

3.for循环

for(初识值;判断条件;自增或者自减){循环体;}

for循环中的三个条件缺一不可,中间分号隔开;

三种循环的使用场景:

   1.while用于不确定循环次数的时候

   2.for循环用于确定循环次数的时候

   3.do..while,无论满不满足条件,都会执行循环

4.break和continue的区别

break:跳出所有循环

continue:跳出整个循环

五.断点调试-初步认知

 1. F12 打开控制台, 点开sources里面对应的文件
 2. 在需要打断点的行的前面, 打上断点
 3. 代码就会在断点的地方, 停止, 就可以调试了
    基本按键
        F10  往下一行去执行
        F8 往下一直执行, 直到下一个断点为止
        watch  监视, 可以实时查看变量的值