《学习笔记》-- 温故而知新

2022-07-1 第二小组 宋雨 学习笔记

html三大件:HTML,CSS,JS

1. 初识 JavaScript (JS)

  • 什么是JavaScript: JavaScript是一种编程语言,脚本语言,是依赖于某种容器来运行的。
  • 如何引入JavaScript:
    ①、 网页内嵌式,就是写在HTML网页中的JavaScript代码。
    ②、 外部引入式:就是通过 标签来引入外部的JavaScript。

2. JavaScript 的简单数据类型

  • 数字(number):整数,正数,小数,负数。
  • 字符串(string):a~~~z 、A~Z,中文,特殊字符等等。
  • 布尔型(boolean):true,false。
  • 空(null):就是一个空的数据类型
  • undefined(未定义的):未定义的。

3. JavaScript如何定义变量

  • var 关键字:var 可以定义任意类型的数据,不管是常量还是变量他都可以定义。(不推荐使用)
  • let 关键字:let关键字一般用于定义变量,数据经常发生变动的一般用 let 来进行定义。(推荐)
  • const 关键字:const一般用于定义常量,该数据一旦被定义就不可以再次进行修改了。(推荐)

4. JavaScript 的复杂数据类型

  • 数组:数组是多个元素的集合。
  1. 定义数组的三种方式:
    ①、let arr1 = Array()
    ②、let arr2 = new Array()
    ③、let arr3 = [1,2,"Hello world",null,undefined]
  • 函数:函数是我们要做某件事情而写的一些逻辑代码的集合,函数分为有参函数,无参函数,又返回值函数,午饭绘制函数。他们是可以组合的,例如:有参的无返回值函数等等。
    函数的定义:
function 关键字 +  函数名->(随便起,但最好见名知意)  +   (参数一, 参数二...) + { 函数体 }

function   add (num1,num2){

	console.log(num1+num2);
	return num1 + num2;
	
}
  • 判断逻辑:流程控制 理论上来说if else 是可以进行无限嵌套的。
    if else 语句
语法格式: if (条件表达式){
	正确的时候要执行的代码
}else{
	错误的时候要执行的代码
}

示例:
if(a < b){
	console.log("a要大于b")
}else {
	console.log("a要小于b")
}

switch cash 语句

语法格式:
switch(表达式{最后是一个结果}){
		case 选项1:
					要执行的代码;     ( 巧妙地使用 break 可以让你的 switch case 变得更加的灵活)
					break;						(break 是可有可无的,很据自己的需要进行添加)
		case 选项2:
					要执行的代码;
					break;
		default :(以上都没有匹配上才会执行)
					要执行的代码;
					break;
}

示例:
  switch (a) {
    case 10:
      console.log("优秀");
      break;
    case 20:
      console.log("非常优秀");
      break;
    default:
      console.log("优秀的不得了");
      break;
  }

switch case 的小应用:
题目:要求求出今天是今年的第几天?

function isRun(year){
            if (year%400==0||(year%4==0&&year%100!==0)) {
                return true;
            }else{
                return false;
            }
        }
function Gonedays(year,month,day){
            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 += 28;
                    if (isRun(year)){
                        count++;
                    };
                case 2 : count += 31;
                case 1 : count += day;
                break;
            }
            console.log(year+"年"+month+"月"+day+"日"+"过了"+count+"天");
        }
        Gonedays(2000,3,11);

如何选择使用if else 还是使用 switch case呢?:

  1. 当需求为区间范围,switch case 基本无法使用
  2. if else 基本上啥都能干
  3. switch case 效率更高(前提是在 case后面的值为定值的情况下,如果是变量的情况下效率不一定有if else 快)。
  4. 当需求为固定值,且值不多,一般会使用 switch case
  5. 能用 switch case 解决的问题 经量不要使用 if else

相似点:

  1. 几乎所有的switch case 都可以转化为 if else
  2. default 几乎相当于 else
  3. case 几乎相当于 if

不同点:

  1. switch case 需要 break 结束运行
  2. switch case 里面的选项可以杂乱无章
  • for 循环函数
语法格式:
for(初始条件 ; 判断条件 ;  循环条件) {
	循环执行的内容
}

示例: 返回数组中的最大值的下标
let arr = [1,0,2,3,5,4,6,9,8];
let count = 0;

function f(max) {
      for (let i = 0; i < arr.length; i++) {
        let index = -1;
        if (max === arr[i]){
          index = i;
        }
      }
      return index;
    }
  • for in 函数: 只能进行遍历操作,局限性太大,不推荐使用。
  • while 函数:
语法格式:
while(循环条件){
	循环要执行的代码;
	必须包括循环条件  (为了结束循环)
}

示例:
let a = 1;
while (a<10){
    console.log(a);
    a++;
  }
  • do while 是由 while 延伸而来的,区别就是不论什么条件 ,do中的代码都会执行一次。
语法格式:
do{  ( do 中的代码不管while的条件是否成立,他最少会执行一次)

	循环要执行的代码;             
	必须包括循环条件  (为了结束循环)
}while(循环条件)

示例:
let a = 1;

do{
    console.log(a);
    a++;
  }while (a<10)

5.三元运算符

语法格式:
			条件表达式 (必须要得到一个boolean的结果)?表达式1 :表达式2
			
			如果前面的表达式为 true的话,就会选取表达式1的值,否则相反。
示例:
a = 10  b = 20
a > b ? a : b   的结果为 20

总结: 经过一天的学习,我对JavaScript有了比原来更加深刻的理解,印象更加的深刻了,使用函数和复杂数据类型比原来更加熟练了。又是充实的一天!

你可能感兴趣的:(学习,javascript,前端)