JavaScript(注释,数据类型,运算符,条件语句)

一        注释

1.1        单行注释

//这是单行注释

1.2        多行注释

/*这是多行注释*/

1.3        嵌套在HTML文件中注释

1.4        注释的快捷键

ctrl+/

二        JavaScript输出方式

2.1        在浏览器中展示对话框,弹出要展示的内容

alert("要输出的内容")

2.2        在页面弹出相应内容

document.write("要输出的内容")

2.3        在控制台中输出相关内容(最常用)

console.log("要输出的内容")

三        数据类型

3.1        JavaScript数据类型

数值,布尔值,字符串,null,对象,undefined共六种类型

ES6新增Symbol和Bight类型

3.1.1        原始数据类型

数值/数字

var age=20;

字符串(单引号或双引号包裹着)

var name="mark"

var name='来福'

布尔型(用于逻辑运算与运算判断)

var flag=true;

var flag=false;

3.1.2        合成数据类型

对象:object( 因为一个对象中往往是多个原始类型值的合成,可以看作是一个存放各种值的容器)

var user={

        name:"来福",

        age:20,

        learn:true

}

undefined和null看成特殊值(没有特殊含义)

3.1.3        typeof运算符

作用:判断基本数据类型时使用

3.1.3.1        数值返回number

var age=10;

console log(typeof age)

3.1.3.2        字符串返回String

typeof '123'

3.1.3.3        对象返回object

typeof{}

null和undefined没有区别

3.2        运算符

3.2.1        加减乘除运算符

+        -        *        /

3.2.2        余数运算符

%

3.2.3        自增自减

自增:+1

++a

自减:-1

--a

注意:放在变量之前,会先进行自增自减操作,再返回变量操作后的值;放在变量之后,会先返回变量操作前的值,再进行自增自减操作

3.2.4         一元运算符与二元运算符

一元运算符:只需要一个运算子

二元运算符:只需要两个运算符

3.2.5        运算符之赋值运算符

赋值运算符用于给变量赋值

最常见的赋值运算符:=

可以与其他运算符结合:-=        +=        *=        /=

var x=10

var y=10

x+=y        x=x+y

console(x+=y)

3.2.6        运算符之比较运算符

JavaScript提供了八个基本运算符之比较运算符

< 大于

 >小于       

<= 小于等于     

 >=大于等于       

== 等于       

===恒等于(严格比较,数值本身是否相等,以及数值类型是否相等)        

!=不等于       

!==严格不等于(严格比较,数值本身是否不相等,以及数值类型是否不相等) 

3.2.7        运算符之布尔运算符

3.2.7.1        取反        !

对于布尔值,取反运算符会将其转为布尔值,以下六个值取反后为true,其他值都是false

undefined,null,false,0,NaN,空字符串

3.2.7.2         且        &&

多个条件都要满足

console.log(10>0 && 10<20)

3.2.7.3         或        ||

只需要满足一个条件

console.log(10>0 || 10>20)

四       条件语句

4.1        条件语句之if... else

var age=10

if(age<10){

        console.log(age)

}

else{

        console.log(‘false’)

}

4.2        条件语句之switch

var i=1

switch(i){

case  1:

        console.log(i)

break

case 2:

        console.;log("false")

break

default:

         console.;log("false")

}

你可能感兴趣的:(javascript,前端,开发语言)