JS基础

基础语法

1、js中的注释
//这是单行注释
/*
这是多行注释
*/

2、语句
一条语句结束需要加分号（现在的js版本也可以不写）
一行写多条语句必须使用分号隔开

在控制台打印括号中的内容，功能和Python中的print差不多

console.log('hello word')

3、js没有缩进问题，用花括号表示一个代码块

function print(){
    console.log('hello JS')}

4、基本数据类型
Number（数字）、String（字符串）、Boolean(布尔)、Array（数组）、Object（对象）、Function（函数）、null、undefined

5、字面量
数字字面量

89(整数)66
12.34（小数）
3e8（科学计数）

字符串字面量

'asd'
"asd"

布尔字面量

true
false

数字字面量

[1,2,'asd',true]

对象的字面量(对象的key值又是属性，不能加引号)

var dict = {a:'asd'}

6、标识符
使用标识符来命名
a.字母数字下划线$组成，不能以数字开头

var huanhansan;

b.不能是关键字
c.大小写敏感
d.规范：见名知义、

声明变量

在js中可以通过声明变量来保存数据
语法
var 变量名；
var 变量名 = 初值；
说明：var是关键字
变量名：标识符，不能随意使用_或$开头（具有特殊含义）；驼峰式命名(命名规则:第一个单词首字母小写，后面每个单词的首字母大写)。

//声明变量var userName;//给变量赋值userName = 'GHope'console.log(userName)var score = 100console.log(score)//同时声明多个变量var name, age, sex;//一个变量可以存储任意类型的值，变量的默认值是undefinedvar a = 'abc'a = 100

介于C与Python之间，类似于C的地方在于关键字的必须使用，类似于Python的地方在于同为动态语言（声明变量的时候不需要指定变量的数据类型）。

运算符

1、数学运算符：+，-，*，/，%，++，--

a.-,+,*,%和数学中的求和、求差以及求乘积、取余是一样的

var a = 10+20var b = 20-10var c = 10*20var d = 7%2

b./和数学中的除一样

var e = 5/2console.log(e)

c.++,--(单目运算符)

语法：变量++，变量--/++变量，--变量
区别：在后面先赋值，再运算；在前面先运算，再赋值
++:自加一
--：自减一

var a1 = 10a1++console.log(a1)a1--console.log(a1)

2、比较运算符：>,<,==(相等),!=,>=,<=,===（完全相等）,!==,>==,<==

结果都是布尔值

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

//==:判断值是否相等
console.log(5==5)
console.log(5=='5')

//===:判断值和类型是否相等
console.log(5===5)
console.log(5==='5')

3.逻辑运算符（&&：与，||：或，！非）

console.log('与:',true&&true,true&&false)

4、赋值运算：=，+=，-=，*=，/=,%=

赋值运算符的左边必须是变量

var a = 100a += 10console.log(a)

5、三目运算符（？ ：）

基本格式：
条件语句 ？ 值1：值2
结果：
判断条件语句的结果是否是true，如果是true，那么表达式的结果是值1，否则为值2

var b = 10 > 20 ? 10 : 20console.log(b)//求两个数的最大值var ca = 80var cb = 100console.log(ca>cb?ca:cb)

6、运算符的优先级

赋值运算符<逻辑运算符<比较运算符<算术运算符
可以通过添加（）改变

控制台输出结果

貌似是控制台输出结果不完全，只能输出第一个对象，所以之后的实例代码通过网页的查看中截图显示。例如：39行中输出超过一个，就只显示第一个，没有逻辑运算符的值。

网页—查看—console

分支结构

js中的分支结构有两种：if语句，switch语句

1.if语句

a.if(条件语句){满足条件要执行的代码块}

var age = 18if(age>=18){
    console.log('成年')}

b.if(条件语句){代码块1}else{代码块2}

if(age>=18){
    console.log('成年')}else{
    console.log('未成年')}

c.if - else if - else（相当于python中elif）

if(age<18){
    console.log('未成年')}else if(age<33){
    console.log('青年')}else{
    console.log('老年')}

2、switch语句

 switch(变量){
    case 值：
        语句1；
        break；
    case 值：
        语句2；
        break；
     ...
    default:
        语句n;
        break;  
 }

执行过程：使用变量的值依次和后边每个case后边的值进行判断，看是否相等（完全相等）。如果相等就执行那个case后面对应的语句。如果前面每个case后面的值都和变量的值不相等，就执行default后边的语句。

var score = 5;switch (score){
    case 0:
        console.log('留级，扣1分')
        break;
    case 1:
        console.log('留级')
        break;
    case 2:
        console.log('升级')
        break;
    case 3:
        console.log('升级，加1分')
        break;
    case 4:
        console.log('升级，加2分')
        break;
    default:
        console.log('你可以提前毕业了！')
        break;}

10分制：0-5：不及格，6-7：及格，8-9：良好，10：优秀

score = 9switch(score){
    case 0:
    case 1:
    case 2:
    case 3:
    case 4:
    case 5:
        console.log('不及格');
        break;
    case 6:
    case 7:
        console.log('及格');
        break;
    case 8:
    case 9:
        console.log('良好');
        break;
    case 10:
        console.log('优秀');
        break;}

switch出现的目的是在某些情况下简化if循环

//0-6表示星期1到星期日var week = 0;switch (week){
    case 0:
        console.log('周一');
        break;
    case 1:
        console.log('周二');
        break;
    case 2:
        console.log('周三');
        break;
    case 3:
        console.log('周四');
        break;
    case 4:
        console.log('周五');
        break;
    case 5:
        console.log('周六');
        break;
    case 6:
        console.log('周日');
        break;
    default:
        console.log('非法值');
        break;}