Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Syntax von ES6

Detaillierte Syntax von ES6

巴扎黑
巴扎黑Original
2017-09-11 11:48:323625Durchsuche

Definieren Sie zunächst die Variable let (ähnlich var)

Es gab immer einen Fehler in js, nämlich var:

1. Von var deklarierte Variablen werden variabel hochgestuft


console.log(name);  //jhonvar name = 'jhon';

2 kein Gültigkeitsbereich auf Blockebene


var name2 = 'jjjon';
{    var name2 = 'tom';
}
console.log(name2);     //tom

3 var kann eine Variable mehrmals definieren und die nachfolgende Variable ersetzt die vorherige Variable


var name3 = 'jond';var age = 18;var name3 = 19;var name3 = 'rose';
console.log(name3);     //rose

Neu definierte Variable let:

1 Von let deklarierte Variablen werden nicht gefördert werden, nur vorne Es kann nur verwendet werden, nachdem es definiert wurde


console.log(name4);     //报错let name4 = '1112';

2. let hat einen Gültigkeitsbereich auf Blockebene


let name5 = '222';
{
    let name5 = ' ttt';
}
console.log(name5);  //222

3. Eine Variable kann nicht mehrmals definiert werden


let name6 = 'aa';
let name6 = 'bb';    //报错console.log(name6);  //aa

2. const-Deklaration Eine Konstante

Konstante: bezieht sich auf Daten, die sich nicht ändern

1 Der Wert kann nicht geändert werden


const pi = 3.01415;//pi = 3;     //报错
    {
        const arr = [5,6,8,9,];
        arr.push(7);
        console.log(arr);  //(5) [5, 6, 8, 9, 7]
        arr = 10;     //值不能改变,否则报错
    }

2. Konstanten haben einen Geltungsbereich auf Blockebene


{
    const ban = "vin";
}
console.log(ban);     //报错

3. Es gibt keine variable Förderung, zuerst deklarieren und dann


console.log(ba);     //报错const ba = 'liu';

4 . Konstanten mit demselben Namen können nicht deklariert werden

5. Stellen Sie sicher, dass Sie einen Anfangswert zuweisen, da sonst ein Fehler gemeldet wird


const bb;     //报错

6. Wenn das Objekt deklariert ist, kann die Adresse des Objekts nicht geändert werden, aber seine internen Attribute können geändert werden


const obj = {
    na:"jjjj",
    age:20};
console.log(obj.na);  //jjjjobj.na = "ccs";
console.log(obj.na);  //ccs

Beispiel: Anwendungsszenario, feste Adresse Sie können Konstanten


// var path = 1122// var path = '1243';const path = 'path';
console.log(path);  //path

verwenden

3. String-Erweiterung

1. Bestimmen Sie, ob die Zeichenfolge „Hallo Wort“ „Wort“ existiert


var str = 'hello word';var result = str.indexOf('word');
console.log(result);  //6

2. ES6 bietet Includes(): gibt einen booleschen Wert zurück, der verwendet wird, um zu bestimmen, ob eine Zeichenfolge bestimmte Zeichen enthält


var bool = str.includes('word');
console.log(bool);    //true

3, getsWith(str[,num]): Gibt einen booleschen Wert zurück, der verwendet wird, um zu bestimmen, ob eine Zeichenfolge mit einem bestimmten Zeichen beginnt


 bool2 = str.startsWith('hello'

//Übergeben Sie 2 Parameter an diese Methode
var bool3 = str .startsWith('word',6);
console.log(bool3); //true

4, endetWith(str[,num]): Gibt einen booleschen Wert zurück, der verwendet wird, um zu bestimmen, ob die Zeichenfolge mit bestimmten Zeichen endet


var bool4 = str.endsWith('d');
console.log(bool4);  //true//给这个方法传入两个参数var bool5 = str.endsWith('o',7);
console.log(bool5);  //false

5, repeat(num): Übergeben Sie eine Zahl, diese Methode wiederholt die Anzahl der Zeichenfolgen, die der Häufigkeit entspricht


var str322= '我爱我家,\n';
console.log(str322.repeat(3));        //3行 我爱我家,

Viertens, 5.0-Vorlagensyntax: „Vorlagenzeichenfolge“


var obj33 = {
    name:'zhuzhu',
    age:18,
    sex:'男',
    hobby:'女',
    veight:120,
    height:180};// 字符串拼接方法var str4 = '大家好,我叫:'+obj33.name+',今年'+obj33.age+',性别'+obj33.sex+',爱好'+obj33.hobby+'。';
console.log(str4);        //大家好,我叫:zhuzhu,今年18,性别男,爱好女。// 但是字符串的拼接太麻烦了,有没有简单的方法来解决这个问题呢,有的,模板字符串就可以了var temp111 = `大家好,我叫${obj33.name},今年${obj33.age},性别${obj33.sex},爱好${obj33.hobby}`;
console.log(temp111);    //大家好,我叫zhuzhu,今年18,性别男,爱好女//1,可以是变量let name8 = "美女";
let temp22 = `我叫${name8}`;
console.log(temp22);    //我叫美女// 2,可以是方法function getName(){    return "宝宝";
}
let temp3 = `我叫${getName()}`;
console.log(temp3);        //我叫宝宝// 3,可以是表达式let aa = 1 ;
let bb = 2;
let temp4 = `a + b=${aa+bb}`;
console.log(temp4);        //a + b=3

Fünf, 6.0 Pfeilfunktion: ()=>{}


// 最原始函数var arr = [2,3,5,7];
 $(arr).each(function(index,item){
   console.log(item);
 }); // 箭头函数改造// 改造一:匿名函数中的funtion关键字我们可以省略,参数与方法体之间中=>$(arr).each((index,item)=>{console.log(item);})
 // 改造二:如果方法体中的代码只有一句我们可以去掉{},并且代码结尾的分号要去掉$(arr).each((index,item) =>console.log(item));

Das obige ist der detaillierte Inhalt vonDetaillierte Syntax von ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn