java（抓哇烧烤）学习前端技术栈 [1]-ES6理解

关注

已于 2024-07-30 20:02:38 修改 · 674 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

· GEO检测

AI搜索千万级QPS的5个硬核优化技术 AI搜索系统在从千级迈向千万级QPS时，核心挑战并非单纯提升算力，而是如何在语义理解精度与工程吞吐效率之间取得平衡。其底层涉及向量检索性能瓶颈、缓存穿透风险、查询意图分布不均、索引扩展僵化及流量价值异构等共性问题。解决这些问题需融合缓存架构设计、轻量模型推理、动态索引管理、服务熔断机制与业务感知限流等关键技术。本文聚焦AI搜索规模化落地中的分层缓存穿透防护、查询意图预判分流、向量索引动态分片等可复用方案，覆盖从单机验证到K8s GPU调度的全链路实践，为高并发语义搜索系统提供低成本、高可用、易度量的工程范式阅读详情

人话理解：ES6就是JavaScript 的一套标准规则，类似于训练有素的正规军和游击队的区别。

语法1：let与var的区别：

区别1：let有严格的作用域（一旦跨域使用就报错）

实例：

<script type="text/javascript">

        //代码块内的作用域：
        {
            let a = "彭于晏";
            var b = "吴彦祖";
        }
        
        console.log("a=",a);//let定义，作用域a变量在代码块内，代码块外无法输出
        console.log("b=",b);//var作用域没什么要求，可以直接输出
        
    </script>

浏览器输出结果：

区别2：let不可以随便用一个未声明的变量（术语：不存在 “变量提升 ”）

实例：

同等条件下的var：

区别3：let声明的变量只能声明一次（第二次声明就会报错）

语法2：const:（作用：定义常量）

注意点1：定义了常量之后，必须赋值

注意点2：定义了常量之后，常量值是不可以修改的

语法3：;数组取里面的元素

（术语：数组解构）

    <script type="text/javascript">
      //定义数组
      let arr = [1,2,3]
     //传统方式取值,繁琐
     let x = arr[0], y = arr[1] , z =arr[3]

      //Es6风格：会简便些
      let[a,b,c] = arr;

      //或者：都会简便些
      let[a1,b1,c1] = [1,2,3];

    </script>

语法4：取出对象属性

（术语：对象解构：）

    <script type="text/javascript">
     //正常传统定义一个对象
     let peopel = {
         name: '彭于晏',
         age: 18
     };

     //传统方式取出对象属性：
     console(peopel.name,peopel.age)

     //ES6风格：
     let{age,name} = peopel;
     console.log(name,age)
     //理解：将people这对象的属性  赋值给{age，name}，属性名必须一样，位置会自动匹配
     //细节1：属性名与对象的属性相同即可，先后位置可以不管
     //细节2：语法上注意：属性要用{}花括号包着



    </script>

注意点：当一个方法的形参是一个对象的属性时候，我们可以直接传递对象过去：

   //注意这里的形参外边是＋了花括号的
   function says({name,age}){
       console.log(name,age)
   }
        //我们直接可以传对象，
        //但要保证变量名和对象的属性名相同
   says(peopel)

语法5：字符串

（术语：模版字符串人话：字符串可以实现哪些功能）

功能1.字符串的原生输出：注意反引号功能2：字符串内可以插入变量或者表达式进行拼接

插入变量的：

插入表达式的：

功能3：字符串内部可以调用函数

语法6：对象的简写

注意：需要包着属性名和对象名相同，不相同则匹配不了

        
        //传统方式
        let name_001 = '彦祖';
        let age_001 = '18'
    
        let people = {name : name_001,age :age_001}
    
    
        //ES6简便方式 
        //注意：需要包装上面的变量名和你对象的属性名相同才可以直接写
         let name = '彦祖';
         let age = '18';
         let people = {name,age};

语法7：方法的简写

该方法的简写：只适用于该方法为某一个对象的属性的时候：

：

语法8：对象的拷贝

传统方式：

ES6方式：

语法9：箭头函数

//传统方式1：
  let ways_001 = function(){//注意这里是“=等号”
      console.log("彦祖，这是传统的方式");
  };
//传统方式2：
  let ways_002 = {
      says : function (){//注意这里是“：冒号”
          console.log("彦祖，这是第二种传统方式")
      }
  }

  //ES6箭头函数模版： let 方法名 = (形参) => {方法体}
    let ways_003 = (n)=> {return n+1};
  //当我们的形参，方法体只有一条代码，对应的括号可以省略
  
  //上面003等价于004，
  let ways_004 = n => n+1;

收录于