1、命名
Ⅰ、变量名可以是字母、数字、下划线以及美元符$
Ⅱ、第一个字符不能为数字
Ⅲ、不能使用关键字
Ⅳ、区分大小写
Ⅴ、遵循驼峰命名法
2、数据类型
- boolean:布尔类型
- Number:数字类型【整型、浮点型】
- String:字符串类型
- Object:对象类型
- Array:数组
- Function:函数
- Regexp:正则表达式
3、、html、css、js注释区别
Html:<!-- 内容-->
Css: /* 内容 */
Js: // 单行注释
/* 多行注释 */
4、特殊数据类型
①null
②undefined
③NaN
5、js运算符
- 算数运算符
++在前面时,变量先自增在赋值,++在后面时,先赋值,然后自增
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>运算符</title>
</head>
<body>
<script>
//算数运算符
// ++在前面时,先自增在赋值,++在后面时,先赋值,然后自增
var n = 2;
var r = ++n;
document.write(n);
document.write('<br/>');
document.write(r);
document.write('<br/>');
var n1 = 2;
var s = n1++;
document.write(s);
document.write('<br/>');
//
var num1 = 3;
var r1 = ++num1 +2;
document.write(num1);
document.write('<br/>');
document.write(r1);
document.write('<br/>');
var num2 = 3;
var r2= num2++ +2;
document.write(num2);
document.write('<br/>');
document.write(r2);
document.write('<br/>');
// 拼接字符串
var a = 3;
// a = a + 1;
a +=1;
document.write(a);
document.write("<br/>")
document.write("abc" + 10);
document.write("<br/>")
document.write("abc" + "10");
document.write("<br/>")
document.write("abc" + true);
document.write("<br/>")
document.write("abc" + null);
document.write("<br/>")
// 打印类型
document.write(typeof("abc" + null));
document.write("<br/>");
document.write(typeof(null));
</script>
</body>
</html>
- 关系运算符
- 三元运算符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>三元运算符</title>
</head>
<body>
<script>
// 格式
// 关系运算符?值1:值2;
// 奇偶判断
//常量
var num = 11;
var res = num % 2 == 0?"偶数":"奇数";
document.write(res);
document.write("<br/>");
// 变量
var r1 = true;
var r2 = false;
var res1 = num % 2 ==0?r1:r2;
document.write(res1);
document.write("<br/>");
// 表达式
var res2 = num % 2 == 0? 3!=5:3==5;
document.write(res2);
</script>
</body>
</html>
- 赋值运算符
- 运算符的特殊用法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS运算符的特殊用法</title>
</head>
<body>
<script>
var str="456";
document.write(str + 1); // 4561 默认为字符串拼接
document.write("<hr/>");
document.write(str - 1); // 455
document.write("<hr/>");
document.write("abc" - 1); // NaN
document.write("<hr/>");
document.write(true + 10); // 11
document.write("<hr/>");
document.write(false + 10); // 10
document.write("<hr/>");
// == 比较的是值,不关心类型
// === 关心值和类型
var aa = "5"
if (aa == 5){
document.write("ok") // 输出OK
}else{
document.write("不ok")
}
document.write("<hr/>");
if (aa === 5){
document.write("ok")
}else{
document.write("不ok") // 输出不OK
}
</script>
</body>
</html>