JavaScript 回顾复习

什么是js?

        基于对象和事件驱动的，在浏览器端运行的脚本语言。

js的作用？

        主要用来做一系列的动态交互效果，让我们的网站可以实现动态交互

怎么使用js

 行内 

内部引用

外部引入

//行内
<input type="button" value="点我" onclick="alert('hello world')"/>
内部
<script>

</script>

外部
<script src="/js/xx.js"></script>

js的输出形式

console.log("hello wrold") 控制台输出

alert("hello world) 弹出

document.write("hello world")页面输出

变量

        程序内可以变化的量

声明变量：

        不能以数字开头，严禁使用汉字，不能使用特殊符号

        可以使用字母和数字 下划线 $等

// 方式1 ：先声明后赋值 初始化
var str1;
var str1 = 123;
console.log(str1);

// 方式2：声明并赋值 初始化
var str2 = 123;
console.log(str2);

//如果变量和字符串同时使用 使用+拼接
var age = 2;
document.write("小明今年"+age+"岁！")

常量

        程序中固定的值，不可以变化的量。对于一些固定不变但是值比较麻烦书写的情况

        使用 const 定义

数据类型

数值类型

        包含了一切数字和数值相关的内容（特殊的数值类型NaN）

        var num1 = 100;

字符串类型

        所有被引号包裹起来的内容

        var str1 = "abc";

布尔类型

        表示肯定或者否定，两种表达形式 ，真或者假

        真 为 true  假 为 false

        var n1 = 3;

        var n2 = 4;

        cosnole.log(n1>n2); 返回假

null 空

        null 空类型，代表变量有值，值为空，只有在变量赋值的时候才能得到null

        var str = null;

undefined类型

        undefined类型，代表的是未定义，代表的是没有值，在声明变量，没有赋值的时候出现

        var str;

        console.log(str);

其他的复杂数据类型

        复杂数据类型包含 函数、对象、数组、正则

如何检查数据类型

typeof()

        typeof(变量) 来进行检查数据类型，但是typeof只能检查基本数据类型，复杂数据类型返回Object；

isNaN()

        isNaN(变量) 来检查变量是不是一个数值 isNaN = is not a number

        如果变量不是数值类型，则返回布尔 true；

        是数值类型 返回布尔值 false；

        

var str1 = "abc";
var str2 = 123;
console.log(isNaN(str1));//true
console.log(isNaN(str2));//false

运算符

数学运算符

+ 加号运算符 只有左右都是数值类型才做加法运算，只要有运算符一边有一个字符串类型，
就是字符串拼接的作用
console.log(123+123);//246
console.log("123"+"456");//123456
console.log(123+"789");//123789

-    *    /    % 
减法 乘法 除法 取余
都是会自动把非数值类型转换为数值类型 进行运算，如果不能转换则会按照NaN进行输出
-
console.log("123" - 1);//122
true 1 false 0
console.log(123 - true); //122
console.log(123 - false);//123
console.log(123 - 'abc');//NaN

*
console.log("123" * 1)
console.log(123 * true)
console.log(123 * false)
console.log(123 * 'abc')

/
console.log("123" / 1)
console.log(123 / true)
console.log(123 / false)
console.log(123 / 'abc')

%
console.log("123" % 1)
console.log(123 % true)
console.log(123 % false)
console.log(123 % 'abc')

赋值运算符

= 赋值 就是将右边的值 赋给左边的变量
var a = 11;

+=   -=   *=   /=  %=
加等 减等 乘等 除等 余等
在变量的基础上 加上 或者 减去一个数值 赋给变量
+=
var a =100
a = 100 + 5
console.log(a)
//简写
var b = 10
b+=5 // b = b + 5
console.log(b)

-=
var a =100
a = 100 - 5
console.log(a)
//简写
var b = 10
b-=5 // b = b - 5
console.log(b)

*=
var a =100
a = 100 * 5
console.log(a)
//简写
var b = 10
b*=5 // b = b * 5
console.log(b)

/=
var a =100
a = 100 / 5
console.log(a)
//简写
var b = 10
b/=5 // b = b / 5
console.log(b)

%=
var a =100
a = 100 % 3
console.log(a)
//简写
var b = 10
b%=5 // b = b % 5
console.log(b)

比较运算符

>      >=     <    <=     ==  !=
大于 大于等于 小于 小于等于 相等 不等
比较大小 返回值是布尔类型的

逻辑运算符

与&&
逻辑与 并且的意思 符号左右同真则真 有假则假
console.log(true && false)//false
console.log(true && true)//true

或||
逻辑或 或者的意思 符号左右有真则真 同假则假
console.log(true || false)//true
console.log(true || true)//true
console.log(false || false)//false

非 !
取反
console.log(!true)//false
console.log(!false)//true