一、简介
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
- JavaScript 是一种轻量级的编程语言。
- JavaScript 是可插入 HTML 页面的编程代码。
- JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
二、用法
- 必须位于 <script> 与 </script> 标签之间。
- 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
三、显示数据内容
1、使用 window.alert() 弹出警告框。
2、使用 document.write() 方法将内容写到 HTML 文档中。
3、使用 innerHTML 写入到 HTML 元素。
4、使用 console.log() 写入到浏览器的控制台。
四、语法
<script>
//定义函数
function foo() {
alert("第一个javascript程序");//浏览器弹出窗口显示
}
foo(); //调用js函数
</script>
4.1、变量常量的定义
1.字母，下划线，美元符号开始
2.不能是数字开始
3.不能是系统已经使用的关键字
常量 值不变的量, 只能赋值一次
const score = 98;//定义常量
变量 值变化的量（javascript中变量数据类型是在赋值之后决定的）
let name = "小明";//定义变量
4.2、数据类型
- 基本数据类型
[1]数字型（number型）
[2]字符串型（string型）
[3]布尔型（boolean型）(true | flase)
[4]对空（Null）
[5]未定义（Undefined）
[6]Symbol（Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值） - 引用数据类型
[1]对象(Object)
[2]数组(Array)
[3]函数(Function)。
[4]Date
typeof()解析函数类型
4.3、运算符 -
算数运算符
let a = 60;
let b = 20;
let c = a * b;
let d = a + "*" + b + "=" + c; //数值类型与字符串类连接得出是字符串类型
-
比较运算符
-
赋值运算符
-
逻辑运算符
//&& || ! 逻辑运算符结果布尔true|false
let a2 = false;
let b2 = true;
let c2 = a2 && b2; //同为真则为真，有一个为假则为假
let c2 = a2 || b2; //只要有一个为真则为真，同为假则为假
let c2 = !a2; //只要有一个为真则为真，同为假则为假
- 条件运算符
//条件表达式？a:b（三目运算符）
let a3 = 60;
let b3 = 20;
let c3 = a3>b3? (10+20):false;
alert(c3); 30
4.4、数据类型的转换
- 字符串型转换为数值型
在JavaScript中，将字符串型数据转换为数值型数据有parseInt()和parseFloat()这2种方法。其中，parseInt()可以将字符串转换为整型数据；parseFloat()可以将字符串转换为浮点型数据。
语法：
parseInt() //将字符串型转换为整型
parseFloat() //将字符串型转换为浮点型
- 数值型转换为字符串型
在JavaScript中，将数值型数据（整型或浮点型）转换为字符串，都是使用toString()方法。
语法：
.toString()
let number = "10";
let num = parseInt(number); //将字符串型转换为整型
let a = num + 20;
alert(a); 30
4.5、类型转换
-
indexof：只能判断基本数据类型
-
instenceof：判断变量的类型，返回true||false
let a = []
a instenceof array
五、流程控制语句
5.1、条件语句
let a = 20;
let b = 20;
let c = 30;
//如果a的值在于b的值，再执行a+b输出结果
if (a > b) {
console.log(" a > b");
}else if(a = b){
console.log("a = b");
}else{
console.log("a < b");
}
5.2、循环语句
while（条件）{
//语句
}
// while循环语句，先判断条件再执行循环体中语句, 循环体中一定要有改变条件的语句，
let a = 1;
while (a <= 5) {//先判断再循环
console.log("a = " + a);
a = a + 1; //自增 b = a++; b = ++a;
}
console.log("循环结束");
do{
//语句
}while（条件）
do {//先循环再判断
console.log("a = " + a);
a = a + 1; //自增 b = a++; b = ++a;
} while (a <= 5);
console.log("循环结束");
for (let a = 1; a <= 5; a++) {
console.log("a = " + a);
}
console.log("循环结束");
5.3、多分支语句
swich(val){
case val:
//语句
break；//必须加上break,否则所有语句都会执行
case val:
//语句
break；
case val:
//语句
break；
...
default:
//语句
break；
}
5.4、跳转语句
//break 结束循环
//continue 结束本次循环
练习：
// 1.判断三个数最大值？如25和35,21的最大值?
//方法一：
let a = 10;
let b = 100;
let c = 9;
let max = 0;
if (a < b) {
max = b;
if (max < c) {
max = c;
}
} else {
max = a;
if (max < c) {
max = c;
}
}
//方法二：三目运算符
max = (a > b) ? (a > c ? a : c) : (b > c ? b : c)
console.log("最大值为:" + max)
//2.请输入一个年份，求该年份是否为闰年，闰年能被4整除并且不能被100整除，或者能被400整除
let year = 2008;
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 != 0)) {
console.log("year是闰年")
} else {
console.log("year不是闰年")
}
//3.根据输入的成绩输出成绩对应等级 90-100:A级 80-89:B级 70-79:C级 60-69:D级 其它:不合格
let number =75 ;
let n1 =parseInt( number / 10);
switch (n1) {
case 10:
console.log("A级")
break;
case 9:
console.log("A级")
break;
case 8:
console.log("B级")
break;
case 7:
console.log("C级")
break;
case 6:
console.log("D级")
break;
default:
console.log("不及格")
break;
}
网友评论