[JavaScript知识库]JavaScript学习---DAY01&DAY02

一、JavaScript

1、历史

1994年，网景公司发布了Navigator0.9版，但是无法进行交互。

1995年布兰登艾奇用10天时间设计出来了Livescript，运行在Navigator0.9版本上。

后改名为JavaScript。

2、js:

是运行在浏览器上的弱类型的脚本语言

3、js的构成：

???ECMAScript????:核心语法、基本对象

???DOM???????????：文档对象模型

???BOM???????????：浏览器对象模型

4、js的引入方式

行内式（不推荐）

外链式

内嵌式

5、js中的注释

1>单行注释：? ctrl+/

2>多行注释：shift+alt+A

二、变量?

1、定义

? ? ? ?常量：数据不会发生变化

? ? ? 变量：存储数据的容器（存储的数据会发生变化）

2、定义变量的注意事项（变量的命名规则与规范）：

1>组成由数字、字母、下划线_、美元符号$、汉字（不推荐）组成；

2>数字不能开头；

3>不能是关键字（被js规定了特殊含义）

? ? ? ?eg：var? ? if? ? for? else? ?while? ?switch

4>js严格规范大小写

5>变量命名建议使用驼峰命名法:第一个单词开始之后每一个单词首字母大写?

? ? ? ?eg：a LittleRedApple

6>见名识意；

? ? ? ? eg：age? ? number? ?month

3、定义变量的方法

? ? 1>用var声明一个变量

????var?a;

????a?=?10;? ???//?将10赋值给a

????console.log(a);? ? //控制台输出a变量

????alert(a);? ? ? //弹出框打印a变量

? ? 2>? 先声明后赋值

????var?b=10;? ? ? ??//?定义变量b的同时，将10赋值给a

????console.log(b);

????document.write(b);

? 3>?先声明三个变量，再分别赋值

? ? ? ?var?x,y,z

????x='小张'

????y='小张'

????z='小张'

? ?4>?声明的同时并赋值（认识，不建议）

????var?a=10,b=2,c=5

4、语句

在页面中写入：

?document.write("啊哈哈哈")；

?在控制台打印

????console.log("哦豁")；

?????弹出框

????alert("是否关闭")；

???页面输入框

????prompt("请输入")；

????确认框

????confirm("确定删除？")；

三、数据

1、数据类型

1>数值类型? ? ?Number

? ? ?所有数字都是数值类型（包括二进制，八进制，十进制）

? ? ?NaN(一个非数字)

2>字符串类型? ? ? String

? ? ? 单引号''或双引号""引起来的变量

3>布尔类型? ? ?Boolean

只有两个值：true? ?/? false

4>undefined类型? ? ? ? ?undefined

? ? 只声明，没有赋值

5>null类型? ? ? null

? ? ?空，声明一个变量《后期将赋值成变量》

2、数据类型的检测

? ?typeof? xxx? ? ?/ typeof(xxx)

type的返回值：number，string，boolean，undefined，object

值的类型：String

3、isNaN

判断一个变量或者常量是否是数字

如果不是数字,则返回true

若是数字，则返回false

*****isNaN()在进行判断之前，底层会调用Number

4、数据类型的转换

1》字符串转化为数字

1>number

2>parseInt??

3>parseFloat

4>隐式转换? ? ? ?+（特殊,放在变量前面）?-?*?/?%? ?

三者区别：Number只能将纯数字的字符串转为数字

? ? ? ? ? ? ? ? ? ?parseInt将数字开头的字符串转为整数

? ? ? ? ? ? ? ? ? ?parseFloat将数字开头的字符串转为小数

**********NaN的出现：试图将其他类型转化为数字类型，转化不成功就是NaN

2》数字转为字符串

1>number.toString()

?2>? String(number)

? 3>? 隐式转换(+?加号)

区别：

?????String可以将任意的其他类型转化为字符串

?????x.String()不能将undefined和null类型转化为字符串

3》其他类型转化为布尔类型

? ? ? ?1>Boolean()可以将其他类型转化为布尔类型；

? ? ? ?2> 隐式转换(！取反??！！取反后再取反)

? ? ? ? ? ?0,null,'',undefined,NaN?将这几个转为false，其余都为true

四、运算符

1、数学运算符

1》加法+

1>符号两边都是数字时才会进行加法运算

2>只要任意一边都是字符串类型，就会进行字符拼接

2》-，*，/, %

1>会进行减法/乘法/除法/取余运算

2>会自动把两边都转换成数字进行运算

2、赋值运算符

=? ?， +=，-=? ，*=? ，/=? ,%=

3、比较运算符（一个数字和一个字符串在进行比较时，会进行隐式转换）

1》==? /!=

比较符号两边的值是否? 相等/ 不等

2》===? /!==

比较符号两边的值和数据类型是否 相等/不等

3》>=? ,<=? ?,<? ,? >

4、逻辑运算符

&&（与，并且）

??||（或，或者）?

?!（非，取反）

5、自增自减运算

1》++? ? 自增运算

分为前置++和后置++

前置++，先加1，再返回

后置++，先返回，再加1

2》--? ?自减运算

分前置--和后置--

前置--，先减1，再返回

后置--，先返回，再减1

五、分支语句

1、单分支语句（if语句）

if (? ? ) {
? alert('? ? ')
}

eg：

 var x = 5;
    if (x>10) {
       alert( "睡觉")
    }

2、双分支语句（if? ?else? 语句）

if () {
? alert('? ?')
} else {
? alert('? ? ?')
}

 键盘输入一个年份，判断是闰年还是平年
 var x = +prompt('请输入年份');
    if (x%4 == 0&&x%100!=0||x%400==0) {
        alert(x +'年是闰年');
       
    }
    else{
            alert(x + '是平年');
        }

3、多分支语句 （if? else? if? 语句）

if (? ?) {
? alert('? ?')
} else if (? ) {
?? ?alert('? ?') ? ? ? ? ??
}

• 如果第一个条件为 true 了，那么就会执行后面的 {} 里面的内容

• 如果第一个条件为 false，那么就会判断第二个条件，依次类推

  var a = +prompt('输入数字');
          if (a==1) {
              alert('星期一');
          }else if (a==2) {
              alert('星期二');
          }else if (a==3) {
              alert('星期三');
          }else if (a==4) {
              alert('星期四');
          }else if (a==5) {
              alert('星期五');
          }else if (a==6) {
              alert('星期六');
          }else if (a==7) {
              alert('星期日');
          }