JavaScript学习笔记3

最新推荐文章于 2024-10-01 22:12:42 发布
最新推荐文章于 2024-10-01 22:12:42 发布
阅读量50 收藏
点赞数 1
分类专栏： JS 文章标签： servlet java jvm
原文链接：https://www.bilibili.com/video/BV1Sy4y1C7ha?p=73&spm_id_from=333.880.my_history.page.click
版权

  • 运算符 

    • 赋值运算符

      • 代码

        <!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>Document</title>
    <script>
        var num = 10;
        num += 2;//num = num + 2;
        console.log(num);
        var age = 2;
        age *= 3;//age = age * 3;
        console.log(age);

    </script>
</head>

<body>

</body>

</html>

      •  

    • 运算符优先级

      • 一元运算符里面!的优先级很高

      • 逻辑&&比逻辑||的优先级高

      • 代码

  • 流程控制

    • 顺序流程控制

      • 程序按照代码先后顺序，依次执行

    • 分支流程控制

      • 根据不同条件，执行不同的路径代码

      • if分支语句

        • 如果if语句的条件表达式为真则执行花括号里面的代码

        • 代码

          <!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>Document</title>
    <script>
        //1.if语法结构
        /* if (条件表达式) {
            //执行语句
        } */
        //2.执行思路：如果if里面的条件表达式结果为真，则执行大括号里面的执行语句
        if (3 < 5) {
            alert('3<5为真');
        }
    </script>
</head>

<body>

</body>

</html>

        • 代码

          <!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>Document</title>
    <script>
        var age = prompt('请输入你的年龄');
        if (age >= 18) {
            alert('允许进入网吧');
        }
    </script>
</head>

<body>

</body>

</html>

      • if else 双分支语句

        • 语法结构：if（条件表达式）{执行语句1}  else{执行语句2}

        • if里面的语句1 和else里面的语句2 最终只能执行一个  

        • else后面直接跟大括号，没有小括号

        • 案例

          <!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>Document</title>
    <script>
        var age = prompt('请输入你的年龄');
        if (age >= 18) {
            alert('允许进入网吧');
        } else {
            alert('不允许进入网吧');
        }
    </script>
</head>

<body>

</body>

</html>

        • 结果

        • 代码

          <!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>Document</title>
    <script>
        //四年一闰，百年不闰，四百年再闰
        var year = prompt('请你输入年份');
        if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
            alert('这是闰年');
        } else {
            alert('这是平年');
        }
    </script>
</head>

<body>

</body>

</html>

        •  

           

      • if else if多分支语句

        • 语法规范：if （条件表达式1）{执行语句1} else if（条件表达式2）{执行语句2} ... else{最后的语句}

        • 执行思路：如果条件表达式1满足就执行表达式1，执行完毕后退出整个if分支语句；如果条件表达式1不满足则判断表达式2，如果满足条件表达式2满足的话，执行语句2，以此类推，如果都不满足则执行else里面的语句

        • 注意点：多分支语句也是多选一，最后只能执行一个语句

        • 注意点：else if中间需要有空格

        • 代码

          <!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>Document</title>
    <script>
        var score = prompt('请输入你的成绩');

        if (score >= 90) {
            alert('你的等级为A');
        } else if (score >= 80) {
            alert('你的等级为B');
        } else if (score >= 70) {
            alert('你的等级为C');
        } else if (score >= 60) {
            alert('你的等级为D');
        } else {
            alert('你的等级为E');
        }

    </script>
</head>

<body>

</body>

</html>

           

    •  三元表达式

      • 语法结构：条件表达式？表达式1：表达式2；

      • 执行思路：如果条件表达式为真，则返回表达式1的值；如果条件表达式为假则返回表达式2的值。

      • 代码

        <!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>Document</title>
    <script>
        var num = 10;
        var result = num > 5 ? 'num>5是的' : 'num>5不是的';//返回值给result
        alert(result);
    </script>
</head>

<body>

</body>

</html>

      • 案例

          
        <!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>Document</title>
    <script>
        //数字小于10前面拼接一个0
        var time = prompt('请你输入一个0-59的数字');
        var result = time < 10 ? '0' + time : time;
        alert(result);
    </script>
</head>

<body>

</body>

</html>

         

    • switch语句

      • 语法结构：switch（表达式）{case value1:执行语句1；break；case value2：执行语句2；break；...default：执行最后的语句；}

      • 执行思路:利用表达式的值 和case后面的选项相匹配，如果匹配上则执行case里面的语句；

      • 适用于：变量特定的值

      • 注意：switch括号里面的值一定要与case后面的值是全等关系

      • 代码

        <!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>Document</title>
    <script>
        switch (2) {
            case 1:
                console.log('这是1');
                break;
            case 2:
                console.log('这是2');
                break;
            default:
                console.log('没有匹配结果');
        }
    </script>
</head>

<body>

</body>

</html>

      •  

    • seitch与if else if语句的区别

      • case语句通常处理固定值，if else if语句更加灵活，常用语判断某个范围

      • switch语句更加高效，if else语句需要依次进行下去

      • 分支较少是使用if else执行效率较高

      • 代码

        <!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>Document</title>
    <script>
        //num与case后面的数字必须是全等关系
        var num = 2;
        switch (num) {
            case 1:
                console.log(1);
                break;
            case '2':
                console.log('2');//必须是全等关系
                break;
            case 2:
                console.log(2);//没有break则执行完之后不退出，继续执行下面的语句
            case 3:
                console.log(3);//由于前面没有break所以这一句语句也执行
                break;
            default:
                console.log('不匹配');
        } //输出结果为2 3
    </script>
</head>

<body>

</body>

</html>

      • 代码

          
        <!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>Document</title>
    <script>
        var fruit = prompt('请你输入查询的水果价格');
        switch (fruit) {
            case '苹果':
                alert('苹果的价格是3.5/斤');
                break;
            case '榴莲':
                alert('榴莲的价格是35/斤');
                break;
            default:
                alert('没有此水果');
        }
    </script>
</head>

<body>

</body>

</html>

         

    • 循环结构

      • 循环体：重复执行的语句、终止条件一起组成循环语句

      • for循环

        • 语法结构： for（初始化变量；条件表达式；操作表达式）{循环体}

        • 初始化变量：用var声明的一个变量，用于作为计数器使用

        • 条件表达式：用于决定每一次循环是否继续执行，终止条件

        • 操作表达式：每次循环最后再执行的代码，用于计数器变量进行更新

        • 代码

          <!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>Document</title>
    <script>
        for (var i = 1; i <= 100; i++) {
            console.log('您好');
        }
    </script>
</head>

<body>

</body>

</html>

        •  

      • JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts

正在加载jjj
关注
专栏目录
javascript学习笔记3
08-01
javascript 中cookie与ajax 的基础知识总结
javascript学习笔记
11-24
学习JavaScript时，了解这些基础知识是至关重要的。随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的...
Javascript学习笔记3 作用域
01-19
在Javascript，全局环境本身就一个对象。在浏览器宿主中这个对象是window，而当Javascript用于其它非浏览器的宿主，如嵌入式的环境中，可能会是其它的对象。 在这里也纠正一个观念，有很多人都认为Javascript只在...
JavaScript学习笔记
04-10
### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言，主要应用于Web前端开发，用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS，还能处理数据、响应用户输入，并与服务器通信...
基于Hive和Hadoop的哔哩哔哩网站分析系统
图南的博客
09-27 597
本项目是一个基于大数据技术的哔哩哔哩平台分析系统，旨在为用户提供全面的哔哩哔哩视频数据和深入的用户行为分析。系统采用 Hadoop 平台进行大规模数据存储和处理，利用 MapReduce 进行数据分析和处理，通过 Sqoop 实现数据的导入导出，以 Spark 为核心进行高效的数据处理。整个系统结合了大数据处理技术，为用户提供精准的内容推荐和深入的用户兴趣分析，帮助平台更好地了解视频趋势和用户需求。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 243
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
Spring Cloud全解析：服务调用之OpenFeign集成OkHttp
Lxn2zh的博客
09-30 558
HTTP连接需要进行TCP三次握手，是一个比较耗时的操作，一般我们不直接使用HttpURLConnection，而是使用HttpClient/okHttp等支持连接池的客户端工具，以Feign集成OkHttp为例。OpenFeign本质是HTTP来进行服务调用的，也就是需要集成一个Http客户端。默认是HttpURLConnection方式，也就是jdk中提供的最原始的那个。要开启OkHttp ,还需要在YML 中添加开启配置项，默认是关闭的。使用的是Client接口来进行请求的。
「Java开发指南」如何用MyEclipse为iPhone搭建Spring应用程序？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
09-30 535
本教程将介绍如何用MyEclipse为iPhone搭建Spring应用程序，欢迎下载最新版IDE体验！
Java内存布局
阿呆的专栏
10-01 693
64位 JVM 不启用指针压缩时：Object Header 大小是16字节。64位 JVM 启用指针压缩时（默认）：Object Header 大小是12字节。32位 JVM：Object Header 大小是8字节。JVM在默认情况下启用指针压缩，但如果堆内存超过32GB，就会禁用指针压缩。32GB是压缩指针的最大寻址范围。超过32GB的堆内存中，压缩指针带来的性能提升并不显著，而且需要解压指针反而可能增加开销。
C#基础：掌握控制流语句，构建灵活的程序逻辑
学习和分享
09-28 296
在C#中，控制流语句是用来控制程序执行流程的重要部分。它们允许你根据条件执行不同的代码块，或者重复执行某些代码块直到满足特定条件。
进程管理工具：非daemon进程管理工具supervisor
happy_king_zi的博客
09-29 1090
supervisor是一个 Client/Server模式的系统，允许用户在类unix操作系统上监视和控制多个进程，或者可以说是多个程序。supervisor与launchd，daemontools，runit等程序有着相同的功能，与其中某些程序不同的是，它并不作为“id 为 1的进程”而替代init。相反，它用于控制应用程序，像启动其它程序一样，通俗理解就是，把Supervisor服务管理的进程程序，它们作为supervisor的子进程来运行，而supervisor是父进程。
【RocketMQ】RocketMQ应用难点
记录一名在读研究生的学习笔记、感悟、开发产物
09-30 620
本文探讨了RocketMQ中消息重复消费的问题及其解决方案，尤其是在CLUSTERING模式下的扩容影响。文章分析了重复消费的原因，如广播模式、负载均衡模式下的多consumerGroup消费、消费者组内的动态变化及网络延迟等，并提出了利用唯一标识进行去重的方法。此外，还讨论了如何选择合适的存储机制以高效处理大量消息标识，如HashMap、MySQL、Redis以及推荐的布隆过滤器等方案。对于防止消息堆积与确保消息不丢失，也给出了相应的策略和技术措施。
Java - LeetCode面试经典150题(二)
心如冰清，天塌不惊
09-28 839
否则，返回 false。给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那两个整数，并返回它们的数组下标。遍历字符串数组，将其中的字符串，进行排序，这样就形成一个唯一的字符串了，之后将原字符串追加到这个排序完的字符串映射的String列表中。这里的 遵循 指完全匹配，例如， pattern 里的每个字母和字符串 s 中的每个非空单词之间存在着双向连接的对应规律。将magazine中的每个字符的个数记录下来，用map映射成。
第十三届蓝桥杯真题Java 斐波那契与7(持续更新)
音符犹如代码的博客
09-29 314
这是一道结果填空的题, 你只需要算出结果后提交即可。本题的结果为一 个整数, 在提交答案时只填写这个整数, 填写多余的内容将无法得分。斐波那契数列的递推公式为: Fn=Fn−1+Fn−2Fn​=Fn−1​+Fn−2​, 其中 F1=F2=1F1​=F2​=1。请问, 斐波那契数列的第 1 至 202202011200 项（含）中, 有多少项的个位 是 7。
【hot100-java】【合并两个有序链表】
m0_73629042的博客
09-30 327
记忆中，两个指针合并即可。
Java中ResultSet接口的详细介绍
2301_77032029的博客
09-28 441
ResultSet接口是Java JDBC API中的一个核心接口，用于表示从数据库查询返回的结果集。它允许用户遍历查询结果，并从中提取数据。ResultSet接口代表从数据库查询返回的结果集，它提供了以下功能：遍历结果集：允许用户向前或向后移动指针，以便访问结果集中的每一行。
Linux上Java项目环境安装
2301_76556912的博客
09-25 372
【代码】Linux上Java项目环境安装。
JavaScript Set基础与实战应用
最新发布
软考鸭
10-01 192
Set是JavaScript中一个非常有用的数据结构，它提供了一种存储唯一值的方式。通过掌握Set的基本用法、特性以及高级操作，你可以在开发过程中更加灵活地处理集合数据。无论是去除数组中的重复元素，还是进行集合运算，Set都能提供简洁而高效的解决方案。
影院管理新思路：小徐的Spring Boot实践
2402_85758349的博客
09-28 961
Tomcat是非常受欢迎的服务器，因为它具有较好的扩展性，而且在运行的时候不需要太多的系统资源，拥有程序员所需要的收发邮件功能，还能够支持负载平衡，该程序能够不断的更新，程序员能够根据自己的需要增加新的功能。排错它是针对自己所知道的错误来做的事情并进行解决的。系统测试它是对做完一个系统进行最后的一项工作，因为我们在做系统的时候，在进行编码以后可以开始对软件进行测试，在测试当中我们可以找出这个软件的错误与缺陷，这样我们可以及时处理，不影响后期正常的使用，同时也方便我们在后期使用过程中出现的问题容易去找出。
JavaScript学习笔记：从基础到DOM编程
"这是一份全面的JavaScript学习笔记，涵盖了从CSS样式表基础到JavaScript语法、DOM编程等多个方面，旨在帮助读者深入理解并掌握JavaScript语言。" 在这份笔记中，作者首先介绍了CSS样式表的基本概念，包括什么是CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值