lyt0612

导航

2022-07-11 第八组 刘禹彤 学习笔记

打卡第三天

今天进行了javascript的相关学习

知识点:数据类型  修改变量  函数  逻辑词   if..else   swich..case

掌握情况:理解

笔记:

JavaScript是什么?
编程语言,脚本语言。依赖于某种容器来进行。
浏览器来解释执行。
是给网页加功能的

编程语言的分类:
1.解释型:JS Python
2.编译型:C++ C#
3.半解释半编译:Java


JS是运行在浏览器上的,可以帮助我们去控制页面。
node js前端的服务器语言
常用:vue.js react.js


JS解释器:
火狐:spidermonkey
Chrom,node:vS


JS可以在哪里执行?
JS放在结束body标签的上方


JS数据类型:
1.数字(number):整数,小数,正数,负数
2.字符串(string):a,中文,@
3.布尔型(boolean):true(1),false(0)
4.空(hull):相当于声明了值为空
5.undefined:未定义,没有值

定义量:
变量:
开发中尽量减少使用字面量,后期维护困难。


在ES6(JS的新版本)中,新推出了两个词替换var
1.let:变量用let声明,无法重复定义
2.const有let的特点,const声明的变量是常量,不能更改

JS的复杂数据类型
1.数组:一个变量对应多个值
(1)使用数组函数
2.函数(方法):定义一个函数用来执行一系列代码。
函数定义以后,不会自己执行的,需要我们手动调用函数
(1)无参无返回值
(2)无参有返回值
(3)有参无返回值
(4)有参有返回值
函数内部不可以再声明函数,但是可以调用函数,调用方式和正常调用方式相同
return除了可以返回结果,还可以终止函数的继续执行,开发中尽量不要在return后写语句

弹窗:实质上就是函数,\n,\r在弹窗内换行,\p制表符
1.alert:警告弹窗,
2.confirm:带有确认和取消的弹窗,,有返回值,点击确定返回true,点击取消返回false
3.prompt:带有文本框的弹窗,有返回值,就是文本框输入的内容

JS的一个原理解析:所有非空的变量都会被解析成1->true


逻辑判断,流程控制(夹杂着运算符)


三元运算符(三目运算符):
语法是固定的,只能有一个条件,两个选项

+号的特殊性:除了可以进行的加法运算外,连接符
如果进入先入为主的认定+号为连续符,那他一直是连续符

-*/%:可以进行类型转换,如果转换不了则为NaN(not a number)


1.if...else:
语法:
if(条件表达式){要执行的代码}
else{要执行的代码}
if...else结构和多重if结构有什么区别?
if...else是可以嵌套的,可以无限嵌套,原则上要求不超过三层。

2.switch.case结构;
语法:
switch(表达式){
case 选项1:要执行的代码:
break;
case 选项2: 要执行的代码
break;
。。。
default:要执行的代码
}
当表达式的值在case中匹配成功,会执行对应代码,但是停不下来,后面的代码会继续执行。(+break)

if和switch怎么选?
1.当需求为区间时,switch根本无法使用
2.if基本都可以
3.switch效率高
4.当需求为固定值,且值不多时,switch
5.能用switch解决的不用if
相似之处:
1.几乎所有的switch都可以转换为if
2.default几乎相当于else
3.case相当于if
4.都可以嵌套
不同之处:
1.switch需要break
2.switch里面的选项杂乱无章

 今天进行了一个判断年份是否为闰年的操作:

代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>判断闰年</title>
</head>

<body>
    <script>
        // 判断一个年份是否为闰年(能被4和400整除,不能被100整除)
        // function isRun(year) {
        //     if ( year % 400 == 0 ) {
        //     console.log(year + "是闰年");
        //     return;
        // }
        //     if(year %4 ==0 && year % 100 != 0){
        //         console.log(year + "是闰年");
        //         return;
        //     }
        //     console.log(year + "不是闰年");
        // }
        // isRun(2020);
        function isRun2(year) {
            switch (year % 400) {
                case 0:
                    console.log(year + "是闰年");
                    return;
                default:
                    if (year % 4 == 0 && year % 100 != 0) {
                        console.log(year + "是闰年");
                        return;
                    }
                    console.log(year + "不是闰年");
            }
        }
        isRun2 (2000);
    </script>
</body>

</html>
 
运行结果:

 

 

 

今天学习的东西较多,要进行复习和巩固。

posted on 2022-07-11 21:15  小仙女吖~  阅读(17)  评论(0编辑  收藏  举报