2022-07-11 吉林化工学院 第一组 韩嘉宁 学习笔记(JavaScript篇)


JavaScript

1.JavaScript特点

  • JavaScript是一门脚本编程语言
  • 可跨平台的
  • 依赖某种容器来运行并赋予功能,由浏览器解释执行
  • 不需编译
    规则:放在 末端

2.JS数据类型

  • 数字型(number):整数,小数,正数,负数等等
  • 字符串(string):’abc’ ,’Ab’,’a’
  • 布尔型(boolean):返回值为true 或false
  • 空(null):声明的值为空 如:var zhi=null;
    var zhi =null;
  • undefined:未定义
    let zhi1; console.log(zhi1);

3.变量

字面量:常量
变量(开发中尽量减少字面量)
《ES6新规》:用以下两种方式定义变量
let:变量用let声明,无法重复定义
const:变量用const声明定义常量,不能改变

4.JS复杂数据类型

  • 数组:一个变量对应多个值

  • 函数:

定义函数并执行一定程序

函数定义后需调用执行

1.无参无返回值

2022-07-11  吉林化工学院  第一组  韩嘉宁  学习笔记(JavaScript篇)

2.无参有返回值
2022-07-11  吉林化工学院  第一组  韩嘉宁  学习笔记(JavaScript篇)

3.有参无返回值
2022-07-11  吉林化工学院  第一组  韩嘉宁  学习笔记(JavaScript篇)

4.有参有返回值
2022-07-11  吉林化工学院  第一组  韩嘉宁  学习笔记(JavaScript篇)

**函数内部不能再次声明函数但可以调用其他函数,调用方式和正常调用方式相同

5.逻辑判断结构

JS原理解析
任何一个非空的的值都被默解释解析为true
1.if()结构

  • if(条件语句1){
    执行语句1;
    }

  • if(条件语句2){
    执行语句2;
    }else{
    }

  • if(条件语句3){

    }else if(条件语句4){
    执行语句3
    }else{
    执行语句4
    }
    弹窗:

  • alert();警告弹窗,无返回值

  • confirm(); 带有确认和取消的 ,带有返回值的函数,默认boolean(true,false)

  • prompt(“13″,”1”); 带有可输入文本的,返回值是输入的内容,默认值是逗号后的1

逻辑控制:

算术运算符+-*/%
赋值运算符 = += -= /= *= %= a++ ++a a– –a a2**
比较运算符 > < != == >= <= ===
  let a=1;let b=’1′;a===b 返回true

逻辑运算符:

  • &&

  • ||

  • 三目运算符:3>2?1:2

  • “+”特殊性:

  • 可加数字,可用来连接字符

 

(typeof a) :返回类型

(isNaN(a)): 是否为数字;是不是一个数,是数字返回false
<script> let a = true; console.log(typeof a); //判断是 否为数字 nan let result =isNaN(a); console.log(!result); </script>

条件判断:

if(){}else{}
switch(){
case 1: break;
case 2: break;
default: break;
固定值效率高
}

案例一

比较四个数大小

<script>
        
        let a = 30;
        let b = 20;
        let c = 40;
        let d = 30;
        function getMax(num1,num2){
            if(num1 > num2){
                return num1;
            }else if(num1 === num2){
                return num1;
            }else{
                return num2;
            }
        }
       let Max=getMax(getMax(a,b),getMax(c,d));
       console.log(Max);
    </script>

案例二

判断是否为闰年
思路:
判断闰年方法:可以被4和100整除 或 可以被400整除为闰年,否则为平年

<script>
    
       function isRun(year){
        switch(year % 400){
            case 0:
                console.log(year + "是闰年");
                return;
            default:
                if(year % 4 ==0 && year % 100== 0){
                    console.log(year + "是闰年");
                }else{
                    console.log(year + "年" +"不是闰年");
                }
        }
        return;
       }
       isRun(2100)
       
        
    </script>
<script>
       let year = 2020;
       function getYear(year){
           if(year % 400 == 0){
            console.log(year + "是闰年"); 
           }else{
            if(year % 4 ==0||year % 400==0 ){
                console.log(year + "是闰年");
                
                
            }else{
                console.log(year + "不是闰年");
            }
           }

       }
       getYear(2020);
</script>

案例三

给定年月日计算今天是今年的第几天
方法一:采用switch-case结构

点击查看代码
<script>
        //给你一个年月日,今天是今年的第几天
        let year = 2022;
        let month = 7;
        let day = 11;
        /*
        思路:
        判断2月份有几天,判断是不是闰年
        2.如果是闰年,2月份有29天,平年为28天*/
        function getCountDays(year,month,day){

            let count = 0;
            switch(month){
                case 12:
                    count+=30;
                case 11:
                    count+=31;
                case 10:
                    count +=30;
                case 9:
                    count +=31;
                case 8:
                    count +=31;
                case 7:
                    count +=30;
                case 6:
                    count +=31;
                case 5:
                    count +=30;
                case 4:
                    count +=31;
                case 3:
                    count +=(isRun2(year) ? 29 : 28);
                case 2:
                    count +=31;
                case 1:
                    count +=0;
    
            }
            return count+day;
        }
        console.log(getCountDays(2022,7,11));
        //判断是否为闰年
        function isRun2(year){
            switch(year % 400){
                case 0: 
                    return true;
                default:
                    if(year % 4 == 0 && year % 100 != 0){
                        
                        return true;
                    }
                    return false;
                }
        }

方法二:采用数组

点击查看代码
 function getDays(year,month,day) {
            let count =day;
            let every =[31,29,31,30,31,30,31,31,30,31,30,31];
            if((year % 4==0 &&year % 100==0) ||year % 400==0){
                every[1]=29;
                
            }else{
                every[1]=28;
            }
            
            for(let i=0;i<month-1;i++){
                count +=every[i];
                
            }
            return count;
            console.log(year +"是闰年"+"今天是是今年的第" + count +"天");

            
        }
        
        alert(getDays(2022,7,11));

总结:
通过今天的学习,发现JavaScript 在一定方面上与Java语言有很多相似之处,也有很多不同之处。比如,在定义变量时Java相比于JavaScript较严格(在Java中必须声明变量类型,而JavaScript却不用)。**

原创文章,作者:306829225,如若转载,请注明出处:https://blog.ytso.com/tech/webdev/274146.html

(0)
上一篇 2022年7月13日 20:45
下一篇 2022年7月13日 21:58

相关推荐

发表回复

登录后才能评论