前端学习笔记

day10
js基础

1. 定义：运行于浏览器的脚本程序语言，与css样式和html结构组成网站。
2. 作用：实现一系列的动态交互效果。
3. 注释：快捷键是 ctrl + ? 单行// 多行/**/
4. 三种输出形式：

console.log(“hello world”)//控制台输出
alert(“hello world”) //警告框
document.write(“hello world”)//页面内输出
5. 变量：指可以变化的量
变量命名规则：
1）不能以数字开头，严禁使用汉字，不能使用特殊符号。
2）可用字母，数字下划线，$等
变量声明用var

var age=666; //声明变量并赋值
console.log(age) //输出变量

6. 常量：指不变的量。
   声明常量用const

const Pi = 3.14

7. 简单的数据类型
   1）数值类型：指包含数字和数值相关的内容（特殊的数值类型NaN） 100

var a = Infinity; //正无穷大

2)字符串类型：被引号包裹起来的内容 ’abc‘
3）布尔类型：表示肯定或者否定，应用于计算机表达式的应用场景，有两个值：
真(true)和假(false)
4)null 空：代表变量有值，但是值为空，可以直接给变量赋值为null
5)undefined类型：代表未定义的，没有值，声明变量时候，没有赋值时会经常出现
8. 检查数据类型
1）typeof(变量) :来进行检查数据类型,只适用于简单数据类型

   var num=10
   consoli.log(typeof(num))

2)isNaN:来进行检查变量是不是一个数值 ,是数值返回false；不是数值返回true
var str1 = “abc”
var str2 = 123
console.log(isNaN(str1)) //true
console.log(isNaN(str2)) //false
9. 算术运算符：+、-、、/
1）+：如果有一个值为字符串，其他类型会转成字符串进行拼接 ，在没有字符串存在的情况下，进行+运算，也是转数值
console.log(“123” + 123); //“123123”
2）-、、/：无论是原本是什么类型的值，都会转数值进行运算
console.log(“123” - 10); //113
console.log(“abc” - 10); //NaN
console.log(true - 1); //true1
console.log(false - 1); //false

10.赋值运算符：=、+=、-=、*=、/=

   1）=：赋值符号

var agr=10;

   2)当赋值符号左右两边变量相同，可以简写成+=、-=、*=、/=

c=c+2//可简写成c+=2

11.逻辑运算符：&&、||、！

1）与&&：并且的意思，要求符号两边的均为真值，否则返回假

console.log(true && true); //true
console.log(true && false); //false
console.log(false && true); //false
console.log(false && false); //false

2）或||：或者的意思，符号两边有一个为真返回真值，否则返回假

console.log(true || true); //true
console.log(true || false); //true
console.log(false || true); //true
console.log(false || false); //false

3）非！：取反 not

console.log(!true); //false
console.log(!false); // true

12.比较运算符：>、>=、<、<=、==、!=