JS学习(一)

一、JS编写位置
内部：
1、JavaScript代码需要位于<script></script>标签
2、位于html标签中，如<button οnclick=“alert(’点击事件‘)”></button>
外部：
单独创建一个.js文件，<script src=“js文件位置”></script>

二、JS变量声明与数据类型
1、变量声明
1）、var，const，let 为变量关键字，var和let的区别在于let有作用域，const定义常量。
2）、可以在声明的同时进行赋值，也可以先声明后赋值。

// 声明变量的同时进行赋值
let a
a = 1

// 先声明后赋值
let a = 1

3）、可以一条语句声明多个变量

let a = 1,b = 2,c = 3

2、数据类型
1）、JS的数据类型分为：数值(Nummer)、字符串(String)、数组(Array)、对象(Object)
2）、当字符串与数值相加时，JS将数值看作字符串进行字符串的拼接。

let a = "a" + 1

结果

三、JS运算符
1、算术运算符
+、-、*、/、%、++、–
x++和++x的区别在于x++是先使用再加一，而++x是先加一再使用

2、赋值运算符
=、+=、-=、*=、、-=
x+=y 等价于 x=x+y

3、比较运算符

==、===、!=、!==、>、>=、<、<=
==与===区别在于==只需要值相同则为true，而===需要值与类型都相同才为true

4、逻辑运算符
&&、||、！

四、JS if和switch
if

if(条件1){
	条件1为true时执行的代码
}else if(条件2){
    条件2为true时执行的代码
}else{
	条件1、2都不为true时执行的代码
}

switch

switch(表达式){
  case n:
  	代码
  	break
  case n:
	代码
	break
  default:
  	默认代码
}

其中break将退出switch语句，如果不加break将会顺序执行从满足条件的case顺序执行完所有代码。

五、JS循环
for

for(语句1;语句2;语句3){
  循环执行的代码
}
//在控制台打印0-10
for(let i=0;i<=10;i++)
{
	console.log(i)
}

while

while(条件){
  循环执行的代码
}
//在控制台打印0-10
let i=0
while(i<=10){
	console.log(i++)
}