Nouvelle syntaxe ES6

 Spécification de la syntaxe ES6
Définissez d'abord les mots-clés de la variable
   1 、 laissez
    <1> Caractéristiques:
      (1) Les noms de variables définis ne peuvent pas être répétés
      (2) Les variables définies seront similaires à la boucle forEach () et en établiront des indépendantes qui ne s'influencent pas mutuellement
      (3) Les variables définies dans {} et boucle ne peuvent être utilisées que dans {} et boucle
    <2> Utilisez:
      (1) Définissez le type de données de base   
         (2) Utilisation dans la boucle pour définir des variables de boucle
  2 、 const
    <1> Caractéristiques:
      (1) Les noms de variables définis ne peuvent pas être répétés
      (2) Le nombre défini ne peut pas être modifié
      (3) Les variables définies dans {} et boucle ne peuvent être utilisées que dans {} et boucle
    <2> Utilisez:
       Définir des types de données de référence Définir des constantes
  3. Résumé:
          let est principalement utilisé pour définir les types de données et les boucles de base
          const est principalement utilisé pour définir les types de données de référence
          Caractéristiques:
      Les noms de variables définis ne peuvent pas être répétés
            Défini dans {} et boucle, ne peut être utilisé que dans {} et boucle
            permet de créer des variables indépendantes qui stockent différentes données qui n'entrent pas en conflit les unes avec les autres
            Les variables définies par const ne peuvent pas être affectées de manière répétée et ne peuvent pas modifier les données stockées
Deuxièmement, la fonction flèche
  1. Trois formes:
    (1) fonction () {} === () => {} fonction flèche
    (2) fonction (e) {} === e => {} fonction flèche
    (3) function () {ligne de code} === () => ligne de fonction flèche de code
  2. Caractéristiques:
    <1> Ce point est différent de la fonction de fonction générale
       (1) Fonction déclarative fun () {} ceci pointe vers la fenêtre
       (2) Type d'affectation var fun = function () {} ceci pointe vers la fenêtre
       (3) boucle forEach () qui pointe vers la fenêtre
       (4)定时器,延时器 setInterval(function(){} , 时间) this指向是window
       (5)对象中的函数  const obj = {fun:function(){}}  this指向是obj对象
       (6)事件处理函数  标签.addEventListener(事件类型,function(){})  this指向是标签对象
     <2> 函数的this指向是父级程序的this
      如果父级程序有this指向 指向的就是父级程序的this指向
      如果父级程序没有this指向 (对象,数组是没有this)指向的是window
    <3> 箭头函数 无法改变this指向
三、改变this指向
    <1> 函数.call(参数1,其他参数)
      (1)立即执行函数,并且改变函数的this指向为参数1表啊hide内容
      (2)其他参数是原始函数的实参 多个实参用使用逗号间隔
    <2>函数.apply(参数1,[数组参数])
      (1)立即执行函数并且改变函数的this指向为参数1表示的内容  
      (2)数组参数 是原始函数的参数 多个参数以数组的单元的形式存储
    <3>函数.bind(参数1)
      (1)不会立即执行函数 而是生成一个新的函数  新函数参数 程序内容 都与原始函数相同  只是this改变为参数1表示的内容
四、解构
     <1>数组的解构
       将数组的数值 一一对应的赋值给变量
         let[变量1,变量2,变量3] = [1,2,3];
    <2>多维数组的解构
      let[变量1,变量2,[变量3,变量4,变量5]] = [1,2,[a,b,c]];
    <3>对象的解构
       按照定义的属性 从对象中获取数据 赋值给定义的属性  属性就是定义的变量名称
        let{属性} = 对象
      按照定义的属性 从对象中获取数据 赋值给定义的别名  别名是定义的变量名称
        let{属性.别名} = 对象
     <4>多维对象解构
       let{属性:{属性:别名}} = {属性:{属性:数据}}
五、合并 展开运算符  ...
    <1>定义在形参中
       function(...arr)
      将所有的实参都已数组单元的形式存储在形参中
      可以通过操作数组的方法来获取实参
     <2>定义在实参中 function(形参1,形参2,形参3){}  fun(...数组)
      将数组中的数据展开 一一对应的赋值给形参
    <3>普通函数 function 中有JavaScript专门定义好的变量 arguments
      如果没有定义形参 arguments 会以数组的形式来存储所有的实参
     <4>箭头函数中 没有 arguments 变量
       要想以数据的形式存储实参必须使用合并运算符

Je suppose que tu aimes

Origine www.cnblogs.com/zsr0328/p/12723559.html
conseillé
Classement