JavaScript基础02

运算符

IsNaN();判断一个变量的值是不是数字(值是不是数字);

如果返回的结果是false,代表是数字。

如果返回的结果是true,代表不是数字。


一、算数运算符


加、减、乘、除、取余、()


加法 +:


注意事项:如果都是数字类型相加,最后的结果就是数字类型。/

如果在相加的过程中,只要有一个是字符串类型,那么最后的结果都是字符串类型(拼接字符串)


减法 -:

注意事项:

1.如果都是数字类型相减,最后的结果就是数字类型

2.如果是字符串类型的数字相减,最后的结果是数字类型(发生了隐式类型转换)

3.如果是非数字的字符串类型相减,最后的结果NaN

乘法*

注意事项:

1.如果都是数字类型相乘,最后的结果就是数字类型

2.如果是字符串类型的数字相乘,最后的结果是数字类型(发生了隐式类型转换)

3.如果是非数字的字符串类型相乘,最后的结果NaN

除法 /

注意事项:与乘法运算的特征一样

取余 % (获取余数)

注意事项:与乘法运算的特征一样

() :优先级  

注意事项:

1.在计算过中遇到(),先计算()中的内容

2.如果是()进行优先计算的时候,外部不能在使用[]



二、赋值运算符

= :赋值运算符,作用是用来给变量赋值运算的,不是进行相等比较的。

+= :语法糖写法。.

a +=b ;本质上就是 a = a + b

-= :a +=b ;本质上就是 a = a + b

*= :a *= b;本质上就是 a = a * b

/= :a /= b;本质上就是 a = a / b

三、比较运算符

> 大于

< 小于

>= 大于或等于

<= 小于或等于

== 相等如果变量的值是相等的,那么最后的结果就是相等的。

=== 全等 必须保证数据类型和值都一样。

!= 不等于 值不相等,就是不相等的。

!== 全不等于 值和数据类型不一样。

总结:

1. 通过比较运算以后得到的结果是布尔类型的结果。

2. >=  <= 只要满足其中一个结果就可以了(或者的意思)

四、逻辑运算符

|| :或运算

特征:true  ||  true === true

true  ||  false === true

false  ||  false === false


&& :且运算(与运算)

特征:true  &&  true === true

true  &&  false === false

false  ||  false === false


! :非(取反的意思)

特征:!true  ===  false

!false  ===  true

总结:

当程序中出现需要将多个条件连接到一块的时候,可以用逻辑运算符。

或运算特征:在进行或运算的时候,只要有一个条件成立,最后的结果都是成立的。

且运算特征:在进行且运算的时候,只要有一个条件不成立,最后的结果就不成立。

非运算特征:取反。

五、一元运算符

++

--

一元运算符的本质:就是在原来值的基础上加1或者 减1

先++和 后++ 的区别:

当把一元运算后的结果赋值给一个新的变量,这个变量的值有区别。

1、如果是b = ++a,a永远都要加1,由于加号在前,先对变量a加1,然后将加1后的值赋值给变量b (先计算后赋值

2、如果是b = a++,a永远都要加1,由于加号在后,先把变量a原来的值赋值给变量b,最后变量a再加1 (先赋值后计算

分支语句

为什么学分支语句?

为了保证程序在运算(运行)过程中,合理性。

语法:

1、条件判断:

if(条件) {

对应的逻辑代码1

}else {

对应的逻辑代码2

}

条件判断语法执行顺序:

程序按照从上向下执行

执行if中的条件,判断一下判断的结果是否成立(是否为true)

如果条件成立(true),那么程序就执行 逻辑代码1,逻辑代码2不执行。

如果条件不成立(false),那么程序就执行 逻辑代码2,逻辑代码1不执行。

条件判断中可以继续嵌套条件判断。

如果else中没有相关的代码处理,else可以省略。

例:


    <script>

        var sex = prompt('您的性别是?');

        if (sex == '男') {

            alert('先生你好')

        } else {

            alert('女士你好')

        }

    </script>

条件判断中可以设置多个条件,使用逻辑运算符连接。

  var age = prompt('年龄是?');

        var sex = prompt('性别是?');

        if (age >= 18 && age <= 35 && sex == '男') {

            alert('应聘成功');

        } else {

            alert('应聘失败');

        }


接收用户输入一个数字,判断一个数是偶数还是奇数【将非法输入考虑进去】

var value1 = Number(prompt('请输入数字1'));

        var value2 = Number(prompt('请输入数字2'));

        if (isNaN(value1) == false && isNaN(value2) == false) {

            if (value1 > value2) {

                alert('最大值是第一个');

            } else {

                alert('最大值是第二个');


            }

        } else {

            alert('请输入合法的数字');

        }


2、多条件判断:

if(条件1) {

逻辑代码1;

}else if(条件2) {

逻辑代码2;

}else if(条件3) {

逻辑代码3

}else {

逻辑代码4

}

执行顺序:

1、程序从上向下依次执行

2、先判断条件1是否成立(true,false),如果条件1成立,程序执行逻辑代码1,其他代码不执行。

3、如果条件1不成立,然后判断第二个条件,如果条件2成立,则执行逻辑代码2,其他代码不执行。

4、如果条件2不成立,则继续向下执行。

5、所有的条件都不成立,最后执行else中的代码。


3、三元表达式(三目运算符):

三元表达式在执行顺序上,其实与单条件判断是一样的(是单条件判断的另外一种写法)

在比较的过程中会实现对变量进行赋值运算

语法:

条件?逻辑代码1 : 逻辑代码2;

执行顺序:

1.先判断条件是否成立, 如果条件成立那么就执行逻辑代码1

2.如果条件不成立,就执行逻辑代码2

总结:

// 1.三元表达式最好替换单条件判断

// 2.三元表达式也可以嵌套使用

// 3.程序过程中,哪些语法简单就用哪种

 

断点调试:

使用步骤:

1、先运行程序

2、打开浏览器控制———选择sources选项卡。

3、点击对应的HTML页面程序。

4、在浏览器中设置断点(在程序对应的行号前点击鼠标左键,目前推荐将断点设置到代码的第一行位置处)

5、刷新页面,重新执行程序。

6、点击F10或者下一步(查看程序执行的过程及上一步执行的结果)

如何观察变量值的变化:

1、直接将鼠标放到变量上。

2、将变量(或者条件填到监视窗口中)【1.直接在监视窗口中添加  2.选中对应的变量,点击鼠标右键,选择添加到监视窗口】

 

 

 

 

 

 

 

 

 

 

 

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容