漫漫JS路

两个礼拜前开始学习javascript，内心是害怕的，但我是绝不会放弃的，再难也不。吼吼～

javascript！

一.如何在html中引入javascript

1)可以在html文档头部中引入（不推荐，html文档是从上向下读取，从头部引入的话会有阻碍，所以不使用这种引入。）

2)在body中引入:

<script type="text/Javascript" src="路径"></script>

二.声明变量

var 变量名 ＝ 你要保存的数据

1)什么是变量？保存数据或者信息用的

2)声明变量，没有初始化它的值，那么该变量的默认值为undefined

3)变量是有作用域的，var声明的变量叫局部变量，只有在当前环境和相对内部内部环境里调用。没有var的是全局变量，可以在任意位置调用。

4)变量名采用驼峰式命名:DreamStar

例1.

var DreamStar = document.querySelector("div");获取一个div

例2.

var DreamStar = document.querySelectorAll("div");获取多个div

三.javascript的数据类型

五种基础类型

1)String 字符串类型

2)Boolean 布尔类型

3)Number 数值类型

4)Null 空类型

5)Undefined 空类型 未定义

一种复杂类型

1)Object 对象类型或空

  • 数据类型是为了方便我们知道变量保存的是什么东西

四.运算符

1)一元运算符 +-*/%

num ++;后置递增（下一次生效）
++ num;前置递增（立即生效）
  • 减法会把字符串换成相应的数值，再想减

例子:

var num1 = "123";
var num2 = 100;
var num3 = num1 - num2;

结果等于23

2)逻辑与&&

两个条件都同时成立的情况下“逻辑与”的运算结果才为“真”

例1:

false&&true→false;
首先是判断第一个条件，当判断出为false时，程序立即终止，因为不管第二个条件是什么，结果一定为false

3)逻辑或||

如果一个操作数或多个操作数为 true，则逻辑或运算符返回布尔值 true；只有全部操作数为false，结果才是 false

例2:

var a = 2;

var b = 3;

var num1 = a && b ;

var num2 = a || b ;

num1 = 3,num2 = 2

js会将&&和||两边的值转成Boolean类型，然后再算值，&&运算如果返回true，则取后面的值，如果||返回true，则取前面的值

4)逻辑非！

返回布尔值，这个布尔值被求反过

布尔值就两个:false和true

5)关系运算符< > <= >=

用于两个值比较，返回一个布尔值

错误例子:

alert(10<20<30)

JS不支持这种语法哦，所以正确的是两个值比较:

alert(10<20 && 20<30)

6)相等操作符

== 相等 !=不相等

===全等 !==不全等

  • 相等，不相等和全等，不全等的区别在于，前者会把数据类型转换再做比较，后者不转换数据类型

例子:

"12"==12 前一个是字符串类型，后一个是数字类型，相等操作符把前一个字符串类型转换成数据类型，所以这是对的
"12"===12 前一个是字符串类型，后一个是数字类型，全等操作符没有转换数据类型的功能，所以这是错的

7）条件操作符（三元运算符）

假设:设置两个变量num1,num2,如果num2>num1,打印num2,反之打印出num1

一般我们会这么写:

var num1 = 10;
var num2 = 20;

if(num2>num1){
    alert(num2)
}else{
    alert(num1)
}

三元运算符出场:

var num1 = 10;
var num2 = 20;

num2>num1(判断条件)?num2(条件为真时):num1(条件为假时)

简直了，装x神器

8）赋值操作

简单:=

复杂:+= -= *= /= %=

例子:

num1 += num2→num1=num1+num2

五. 语句

1)if语句

if(判断条件){
    条件为真执行
}else{
    条件为假执行
}

例子:

if(今天是星期天){
    睡懒觉
}else{
    上学
}

举个例子都这么心塞塞，我要静静，表问我静静是谁

2)do-while语句

do{
    执行语句

}while(条件判断)

先执行代码语句，再做条件判断，如果成立，继续执行，如果不成立，终止循环，最少执行一次

3)for语句

for(var i=0①;i<xx.length②;i++③){
        ④

}

执行顺讯:①→②→④→③

4)标签语句

yi:
    for(var i=0;i<100;i++){
        er:
        for(var j=0;j<100;j++){
            if(j==5){
                break yi;
            }
        }
    }

其中yi,er是语句的标签，break yi就是中断了标签为yi的语句，其实就是外循环语句

  • break:配合for,终止循环
  • continue:继续循环
Share