5种简单的数据类型1种简单数据类型
简单
Undefined = 未定义
没有给变量定义任何数据类型贼为未定义
没有初始化的变量则自动取值为Undefined
Null = 空
Boolean = 布尔值/真或假
Number = 数字
String = 字符串
复杂
Object = 对象
typeof 这个方法可查看数据类型
<script>
a=1;
alert(a);
alert(typeof a)
</script>
alert() 弹窗
JS报错类型
语法错误
Uncaught SyntaxError : Unexpected token &
运行错误
<script>
var a=1;
alert(a);
alert(abc);
alert(1);
</script>
Uncaught ReferenceError:abc is not defined at …
引用js文件
<script src="js路径"></ script>
三种样式:(CSS:内部、内联、外部)
1.事件定义式:只对一个元素有效,并且无法复用(直接写在标签上)
2.嵌入式:,一般是写在header里,当前的页面可以去复用
3.单独的.js文件中,很多HTML页面可以直接复用
js中数据类型转换方式
(1)隐式转换
不同类型的数据在计算过程中会自动转换
字符串的优先级最高,数字次之
数字+字符串 :数字转换为字符串
数字+布尔 :true转换为1 false转换为0
字符串+布尔 :布尔值转换为true或者false
布尔+布尔 :布尔转换为1或0
(2)强制类型转换
A toString :所有的数据类型转换为String类型
B parselnt :强制转换成整数,如果不能转换(ABC),则返回NaN(not a number)
parselnt(5.5)----5
parselnt(6.12)-----6
C typeof : 查询当前类型 , string / number / Boolean
D idNaN: 判断被检测表达式经过转化后是否不是一个数(is not a number)
如果被检测的表达式不是一个数则返回true,否则返回false
isNaN(56);----fasle
isNaN(“56”);----false
isNaN(“abc”);----true
//声明变量
var x;
console.log(x);
x=3;
console.log(x);
console.log('hello');
x='direct';
console.log(x);
//3.隐式转换
var s="hi";
var n=3.14;
var b=true;
console.log(s+n);//hi3.14
console.log(s+b);//hitrue
console.log(n+b);//4.14
console.log(b+b);//2
//4.强制类型转换
console.log(n.toString()+1);//3.141
console.log(parseInt(n));//3
console.log(parseInt('5.6'));//5
console.log(parseInt('abc'));//NaN
console.log(typeof(n));//number
console.log(isNaN('abc'));//true
算术运算:
+、-、*、/、%、++、–
x,y
x+y
x+±–>返回自增前的值
++x—>返回的是自增后的值
比较运算:
<、<=、>、>=、==、!=
逻辑运算:
与(&&):两个条件都得成立。见false得false
或(||):只要其中一个条件成立就行。见true得true
非(!):取反
条件运算符:
三目运算:? :
表达式? 表达式1:表达式2;
如果表达式的值为true,则执行表达式1
如果表达式的值为false,则执行表达式2
5<7?7+2:7-2;