热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

小汤学编程之JavaScript学习day02——运算符、流程控制与循环、函数

一、运算符1.算术运算符   2.一元运算符   3.关系运算符   4.逻辑运算符   5.赋值运算符   6.运算符的优先级二、流程控制与循环1.顺序结构   2.分支结构  



在这里插入图片描述


一、运算符

1.算术运算符     2.一元运算符     3.关系运算符     4.逻辑运算符     5.赋值运算符     6.运算符的优先级

二、流程控制与循环

1.顺序结构     2.分支结构     3.循环结构

三、函数

1.JS中函数的特点     2.函数的定义     3.函数的调用     4.函数的参数



一、运算符


1.算术运算符


算术运算符说明
+
-
*
/
%取余数(取模)

2.一元运算符


一元运算符说明
++num/–num前置运算:先自加,后返回值
num++/num–后置运算:先返回值,后自加

3.关系运算符

又叫比较运算符, 两个数据 进行比较的运算符,会返回 一个 布尔值(true / false),作为比较运算的结果。


关系运算符说明
小于、大于号
<= / >=小于等于、大于等于号
==判等号(会自动转型)
!=不等号
===全等号
!==不全等号

== 判等号和 ===全等号的区别在于前者只判断值是否相等,而后者需要值与类型都相等。



4.逻辑运算符


逻辑运算符说明
&&逻辑与:两边都true才是true
||逻辑或:只要有一个是true就是true
逻辑非:也叫做取反符

5.赋值运算符


赋值运算符说明
=直接赋值
+=、-=加、减一个数后再赋值
*=、/=、%=乘、除、取模后再赋值

6.运算符的优先级


优先级运算符
1()优先级最高
2一元运算符:++、–、!
3算术运算符:先*、/、%,后+、-
4关系运算符:>、>=、<、<=
5相等运算符:==、!=、===、!==
6逻辑运算符:先&&,后||
7赋值运算符:=、+=等

速记规律:
先一元 后二元
先算术 后关系



二、流程控制与循环


1.顺序结构

由上而下的执行代码就是顺序结构。


2.分支结构


if语法

if (条件表达式) {
要执行的内容
}

if-else语法

if (条件表达式) {
成立要执行的代码
}
else {
否则要执行的代码
}

ifif-else if语法

if (条件表达式) {
成立要执行的代码
}
else if (条件表达式2) {
否则要执行的代码
}
else {
否则要执行的代码
}

三元表达式

表达式1 ? 表达式2 : 表达式3

switch case结构

switch( 变量 ){
case value1:
//表达式结果 等于 value1 时 要执行的代码
break;
case value2:
//表达式结果 等于 value2 时 要执行的代码
break;
default:
//表达式结果 不等于任何一个 value 时 要执行的代码
}

switch与if对比

  • switch…case通常处理case为比较确定值(常量)的情况,而if…else…更加灵活范围判断
  • switch 进行一次条件判断后直接执行到程序的条件语句。而if…else 有几种条件,就得判断多少次
  • 当只有分支比较少的时候,if效率比 switch高
  • 分支比较多,是switch的效率比较高,而且结构更清晰

3.循环结构


for循环

//for 循环一般 用来 根据次数 循环
for(初始化; 条件表达式; 自增表达式 ){
//循环体
}

for 循环 是 循环条件和数字 直接相关的循环


双层for循环:

for (外循环的初始; 外循环的条件; 外循环的增量) {
for (内循环的初始; 内循环的条件; 内循环的增量) {
需执行的代码;
}
}

while循环

//条件表达式为 true 时重复执行循环体代码
//条件表达式为 false 退出循环
while (条件表达式) {
// 循环体代码
}

do…while循环

do{
// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

先执行一次循环体代码,再进行条件表达式判断



跳出循环

  • break —— 跳出整个循环
  • continue —— 跳出本次循环

三、函数

JS中通过函数来把一段逻辑封装用来重复使用。函数式通过关键字 function 来定义的。


1.JS中函数的特点


  • JS中的函数不需要定义返回类型,直接返回结果即可。
  • JS中的函数参数列表不需要定义类型以及var,只需定义变量名。
  • 函数需要调用才会执行,不调用是不会执行的。
  • 如果定义了多个方法名相同的函数,后面会覆盖前面的。
  • 函数没有重载,只要方法名相同就会去执行,不管参数列表是否匹配。

2.函数的定义


  • 方式一:function 函数名(参数列表){函数体}

function study(){
console.log("好好学习,天天向上。");
}

  • 方式二:var 函数名 = function(参数列表){函数体}

var study = function(){
console.log("好好学习,天天向上。");
}

  • 方式三(不推荐):var Function(“参数名一”,“参数名儿”,…,“函数体”)

var study = new Function("name", "time","console.log(name+'每天学习'+time+'分钟');console.log('继续保持')");

3.函数的调用


  • 方式一:函数名(参数值):study("张三",180);
  • 方式二:函数名.call(调用对象,参数值):study.call(this,"张三",180 );
  • 方式三:函数名.apply(调用对象,参数值数组):方式三:函数名.apply(调用对象,参数值数组);
  • 方式四:函数名.bind(调用对象,参数值)():study.bind(this,"张三",180 )();

bind会返回新的函数,需要调用才会执行,所以后面需要(),其它跟call用法一样。



4.函数的参数

JS中的参数都会封装到 arguments 中,当传入的参数多于函数定义的参数时,在函数体中可以通过这个参数拿到定义参数以外的参数值。
如:

var study = function(name , time){
// 传统方式只能拿到定义的参数
console.log(name);
console.log(time);
// 通过arguments可以定义参数以外的参数
console.log(arguments.length);
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
console.log(arguments[3]);

console.log(name+'每天学习'+time+'分钟');
}
study("zhangsan",180,1,"a");

另外,ES6也支持类似Java中的可变长度参数:

var study = function(name , time , ... args){
console.log(args);
}


推荐阅读
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 大数据基础:JavaSE_day06 ... [详细]
  • Web开发技术:JavaScript中的条件分支控制
    本文探讨了JavaScript编程语言中的流程控制机制,特别是分支结构的应用。流程控制决定了程序中指令的执行顺序,对于实现特定功能至关重要。 ... [详细]
  • 在金融和会计领域,准确无误地填写票据和结算凭证至关重要。这些文件不仅是支付结算和现金收付的重要依据,还直接关系到交易的安全性和准确性。本文介绍了一种使用C语言实现小写金额转换为大写金额的方法,确保数据的标准化和规范化。 ... [详细]
  • 本文档介绍了在使用GitLab进行数据仓库项目开发时,如何管理和维护代码版本,包括非标准gitflow工作流下的分支结构及其权限设置,以及git commit message的规范。 ... [详细]
  •   Python入门必读的if语句嵌套方法
    这篇文章主要介绍了Python入门必读的if语句嵌套,基于前面章节介绍的 3 种形式的条件语句,即 if、if else 和 if elif else展开 Python if 语句 ... [详细]
  • 本文目录一览:1、java方法执行顺序2、ja ... [详细]
author-avatar
CH_Double_C
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有