JavaScript 法术合集

 ​前期回顾    ​  

Vue项目实战 —— 后台管理系统( pc端 ) 第三篇_0.活在风浪里的博客-CSDN博客mock模拟数据、折线图、柱状图、饼图,一遍就懂!!~https://blog.csdn.net/m0_57904695/article/details/124861409?spm=1001.2014.3001.5501

目录

JavaScript 语法之创建对象的三种方法

 1、通过内置的构造函数创建对象

 2、通过字面量创建对象

 3、通过构造函数

​ 获取后台接口的前五条数据

 JavaScript 语法之递归

递归事例1 

 递归事例2

 2.1、for循环 求 1-100的和 

 2.2、  递归 求1-100的和


JavaScript 语法之创建对象的三种方法

1、通过内置的构造函数创建对象

JavaScript 法术合集_第1张图片

2、通过字面量创建对象

JavaScript 法术合集_第2张图片

 3、通过构造函数

构造函数必须new实例化对象,才能传参

JavaScript 法术合集_第3张图片 获取后台接口的前五条数据

 axios.get("/api/home/xiaoguotu").then((res) => {
      // console.log(res.data.data.list)
      this.list = res.data.data.list;

      // 将接口的前5条取出来
      for (let v = 0; v < 5; v++) { //0 1 2 3 4 5
        this.list.push(this.list[v]);
      }

      console.log(this.slist);
    });

 JavaScript 语法之递归

   递归的概念  :

        注意: 函数内部调用自己, 必须要有一个退出条件,条件写在开始位置,不要写在结束位置,否则会无限循环 函数的调用,可以放在循环里面, 也可以放在函数里面

     为何报错?

       如果你在递归中,递归的变量越来越不接近递归结束条件,那么就会报出 StackOverflowError 这个错误,归根到底就是JVM中栈的空间已经不够容纳递归所需的空间, 所以报错。

     如果你递归的数量十分庞大, 那么也会报出 StackOverflowError。

递归事例1 

 打个断点 day===2直接退出函数

 递归事例2

2.1、for循环 求 1-100的和 

    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        sum += i; // 0+1 0+2 0+3 ...
    }
    console.log(sum);

 2.2、  递归 求1-100的和

JavaScript 法术合集_第4张图片

猛一看有可能没看懂是不是?往下看一分钟,还看不懂你把我打一顿JavaScript 法术合集_第5张图片

  先求得1到2的和


    console.log(sum(2)); //现在n===2

    function sum(n) {
        return n + n
            //2+2=4 因为求1到2的和现在n是2要到1才行,所以-1变成 1+2=3,对吧,那么代码就得改成
        }

-----------------------------------------------------------------------------------
 console.log(sum(3)); 

    function sum(n) {
      return (n-1) + n 
     // 如果求1-3的和还的让这个函数调用2次才行(3-1 2-1),需要让它自调用,代码得改
    }
-----------------------------------------------------------------------------------
  console.log(sum(3));

    function sum(n) {
        return sum(n - 1) + n; //递归调用 
    }

这样咋爆栈了?【娇羞】

JavaScript 法术合集_第6张图片

第一:减到一不需要继续减了,求的就是1到几,

第二: 看最上面说的递归需要退出条件,并在开始位置写,好的,在写


更新中....

2022/5/20 19:32

你可能感兴趣的:(#,Js,javascript,前端,原型模式,vue,js)