day1
javascript三种引入方式
三种输出方式
变量
数据类型
查看数据类型
判断是否为数字
javascript三种引入方式
行内式
<a href="javascript:alert('hello word')">哒哒哒</a>
<div onclick="alert('你好')">我</div>
内嵌式
<script>
alert("hello word")
</script>
外链式
<script src="./01.js"></script> //引入js文件
alert('hello word') //js文件内容
三种输出方式
alert
alert("hello word") //顶部弹窗输出
console.log
console.log("加入我们") //控制台输出 最常用
document.write
document.write("加入我们") //网页内输出
变量
var num; //不写死
num = 100;
var num2 = 200;
数据类型
基本数据类型
数字 number
var x=10;
字符 string
var t3 = 'abc'
布尔 boolean
var t4 = true
null
var t5=null
undefined
var t4
复杂数据类型
对象 object
方法 fuction
查看数据类型>
typeof
console.log(typeof 10); //number
console.log(typeof "abc"); //string
var t1 = 10;
console.log(typeof t1); //number
console.log(typeof typeof 10); //string
判断是否为数字
isNaN is not anumber
var a =100
console.log(isNaN(a)) //false
var b ="abc"
console.log(isNaN(b)) //true
（emmmmmm,第一次发稿竟然因为文字少而被劝退，还好我还有余稿）
day02
数据类型转换
赋值运算符
比较运算符
逻辑运算符
自增和自减
数据类型转换
转换成数字
Number
- 可以把一个变量强制转换成数值类型
- 可以转换小数，会保留小数
- 可以转换布尔值
- 遇到不可转换的都会返回
var t1 = "100"
console.log(typeof t1) //string
console.log(typeof Number(t1)) //number
var num = "abc"
console.log(Number (num)) //NaN
parseInt
-
从第一位开始检查，是数字就转换，直到一个不是数字的内容
-
开头就不是数字，那么直接返回 `NaN
-
不识别小数点，只能保留整数
var num= "100abc" console.log(parseInt(num)) //100 var num= "abc100" console.log(parseInt(num)) //NaN
parseFloat
- 从第一位开始检查，是数字就转换，直到一个不是数字的内容
- 开头就不是数字，那么直接返回
NaN - 可以识别第一个小数点
转字符串
-
toString()`
有一些数据类型不能使用
toString()方法，比如undefined和null -
String(变量)`
所有数据类型都可以使用加法运算
-
字符串拼接： 只要
+任意一边是字符串，就会进行字符串拼接加法运算：只有
+两边都是数字的时候，才会进行数学运算
转布尔类型
Boolean
在 js 中，只有 ''、0、null、undefined、NaN，这些是 false
其余都是 true
赋值运算符
-
+=var a = 10; a += 10; console.log(a); //=> 20a += 10等价于a = a + 10 -
-=var a = 10;
a -= 10; console.log(a); //=> 0a -= 10等价于a = a - 10 -
*=var a = 10; a *= 10; console.log(a); //=> 100a *= 10等价于a = a * 10 -
/+var a = 10; a /= 10; console.log(a); //=> 1a /= 10等价于a = a / 10 -
%=var a = 10; a %= 10; console.log(a); //=> 0a %= 10等价于a = a % 10
比较运算符
== < > <= >= === !=
== 和===区别
==只比较数值是否相同
===比较数值和字符是否相同
var a = 100
var b = "100"
console.log(a==b) //true
console.log(a===b) //false
逻辑运算符
&&
只有两边均为正时，才为正，其余为假
console.log(1 && 2 && 3) //当均为true时，输出最后一位
console.log(1 && 0 && 3) //如果遇到false,直接输出false
||只有两边均为假时，才为假，其余为正
console.log(1 || 2 || 3) //输出第一个ture，
console.log(false || 0 || 3)
console.log(false || 0 || "") //如果全为false,输出最后一个false
自增和自减
++a 前置 先进行++运算，在输出
var a=10
console.log(++a) //11
console.log(a) //11
a++ 后置 先输出a,在进行++
var a=10
console.log(a++) //10
console.log(a) //11
--a 前置 先进行--运算，在输出
var a=10
console.log(--a) //9
console.log(a) //9
a++ 后置 先输出a,在进行--
var a=10
console.log(a--) //10
console.log(a) //9