【ES6】---のJavaScript（一）

まず、新しいデータ型のシンボル

    

コンセプト：

    独特のシンボルの代表

    関数は値だけシンボルを返しながら、シンボルシンボルタイプ機能によって生成された値

    記号の文字列関数は、パラメータとして受け取ることができるが、その値が返された場合でも同じことが唯一のパラメータであります

 

役割：

    プロパティの民営化

    データ保護

没有参数的情况var s1 = Symbol();var s2 = Symbol();s1 === s2 // false

有参数的情况var s1 = Symbol("foo");var s2 = Symbol("foo");
s1 === s2 // false


var mySymbol = Symbol();
// 第一种写法var a = {};a[mySymbol] = 'Hello!';
// 第二种写法var a = {[mySymbol]: 'Hello!'};
// 第三种写法var a = {};Object.defineProperty(a, mySymbol, { value: 'Hello!' });

Object.getOwnPropertySymbols(obj)  枚举symbol的key值注意：Symbol作为对象的key值得时候不能被for in进行遍历

 

第二に、ブロックレベルのスコープ

    コンセプト：

        全てES6コードは{}ブロックレベルのスコープラップさにおいて、ブロックレベルの範囲で使用されるすべての変数は、CONST一時死んで宣言させ

    

{  let a = 20;}console.log(a);//报错

 

三、VaRはCONST変数の宣言をしましょう

    

    別の比較

            

var    支持变量声明与解析
    不支持块级作用域
    允许重复声明
let    不支持变量声明与解析
    支持块级作用域
    不允许重复声明
    用let声明的变量或者方法只会在代码块中有效    {        let a = 10；       var b = 20;    }
    console.log(a);//报错
const
    不支持变量声明与解析
    支持块级作用域    不允许重复声明    声明常量，一旦确定不允许被修改
    声明常量必须赋值  不能跟var 一样声明后再定义

 

第四に、解体の割り当て

        コンセプト：

                特定のパターンに応じて、値がオブジェクトと配列から抽出された許可

// 数组解构    let [a,b,c] = [1,2,3];
// 对象解构    let {name,age} = {name:"张三",age:19};//  注意对象解构  key值必须一一对应

//  对象解构+别名let {name : _name , top : _top } = {name:"张三",top:20}//  因为name和top属于关键字，因此我们可以通过别名的方式来更改名称
//  多重解构
let {obj : { name }, arr:[ a, b]} = {obj:{name:"张三"},arr:[10,20]}

//  案例：    let {letf:l , top: t} = document.getElementById("box");

 

拡張演算子と第五に、

    コンセプト：

        またはコンマ区切りシーケンス・パラメータ・シーケンスにオブジェクトの配列を変換します

    役割：

            図1に示すように、合成配列、オブジェクト

            図2に示すように、残りの関数パラメータ

            3、代替の引数

// 数组合并var arr  = [10,20,30];var arr1 = [40,50,60];var newArr = [...arr,...arr1];// 展开数组console.log(Math.max(...arr));
// 对象合并var obj = {width:100,height:200};var obj2 = {left:100,top:200};var newObj = {...obj,...obj2};

 

シックス・ストリングテンプレート

    

   1、文字列をラップする必要が行う方法が長すぎますか？

// 常规解决方案：          var a = '<div>'+                    '<span>'+num+'</span>'+                  'div>';// ES6神器：var b = `    <div>         <span></span>    </div>  `;

    2、文字列の連結たくさんの悩みはどのように行うには？

// ES6神器（字符串模板）：   var phone = 18200000000;   var intro = `my name is pine, my phone is ${phone}`;    console.log(intro); //${phone}被替换成18200000000   /*      说明：          1、使用 `` 反单因号  代替 '' 或者 ""          2、使用 ${变量} 实现变量拼接    */

    3、文字列検索を含み

// 之前使用indexOf进行查找，利用的是indexOf方法的特性，找打了返回下标，// 找不到返回-1，所以每次你需要这么写：     var str = 'abcd';     if( str.indexOf('c') > -1 ){}  //需要判断是否>-1 // ES6神器：includes方法 // str.includes(查找的内容);  找到返回true，找不到返回false   var str = 'good method!';   str.includes('method'); //true

    

    図4は、それが包括のstartsWith endsWith決定されます

    

   /*    startsWith用于判断是否位于头部，    endsWith判断是否位于尾部，     可以说这两个方法是includes方法的扩展   */   let  str = 'how are you?';   str.startsWith('how');//true   str.endsWith('?');//true

    5、繰り返し繰り返し文字列（怠惰な福祉）

  //str.repeat(n); 将字符串重复n次（n是整数）
  let str = 'money';  str.repeat(2); // 'moneymoney'

 

7つの新しいオブジェクトメソッド

    1、略称オブジェクト

var a = 10;var obj = {a}//等价var obj = {a:10};
//当key值与value值一样的时候我们可以写一个

    2、Object.is

//判断2个对象是否指向同一个内存地址var obj = {a:1,b:2};var obj1 = obj
Object.is(obj,obj1);// true

    3、Object.assign

//Object.assign 合并对象var obj = {name:"Alley",age:18};var obj2 = {sex:"男"}
var newObj = Object.assign(obj,obj2);console.log(newObj); //{name:"Alley",age:18,sex:"男"}