JavaScript ES6

Nini ECMAScript 6?

ECMAScript 6 inajulikana kama ES6 na ECMAScript 2015.

Wengi wanaitwa JavaScript 6.

Makao hii inahusisha makusanyiko ya ES6.

  • JavaScript let
  • JavaScript const
  • Mashambulizi wa kina (**)
  • Thamani za kufikiria za kuzingatia
  • Array.find()
  • Array.findIndex()

Muungano wa kufikiria wa ES6 (ECMAScript 2015)

Safari 10 na Edge 14 ni wengine wa kwanza wa kusimamia ES6 kwa kawaida:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

JavaScript let

Let statements inayofaa kufikiria inayofaa kufikiria thamani kwa kufikiria ya eneo la kina.

Mifano

var x = 10;
// Here x is 10
{ 
  let x = 2;
  // Here x is 2
}
// Here x is 10

Jipya Tukio

JavaScript const

const Statements inayofaa kufikiria inayotumika kwa kuzingatia thamani (thamani za JavaScript zina thamani za kuzingatia).

Inaathirika kama statements: let Inaathirika kama thamani, lakini hayafai kubadilika.

Mifano

var x = 10;
// Here x is 10
{ 
  const x = 2;
  // Here x is 2
}
// Here x is 10

Jipya Tukio

Tafadhali tukuuza hapa JavaScript Let / Const Kusoma zaidi kwenye let Na const Inasikitika.

Mashambulizi wa kina

Operatori wa kuunua kina (**Kununua kina ya kwanza kwa nguvu ya kina ya pili.

Mifano

var x = 5;
var z = x ** 2;          // matokeo ni 25

Jipya Tukio

x ** y Inasikitika na Math.pow(x,y) Inasikitika:

Mifano

var x = 5;
var z = Math.pow(x,2);   // matokeo ni 25

Jipya Tukio

Thamani za kufikiria za kuzingatia

ES6 Inafaa kufikiria kwamba thamani za kufikiria zina ukweli.

Mifano

function myFunction(x, y = 10) {
  // y ni 10 kama haitakuwa ingawa inatangazwa au inahitaji
  return x + y;
}
myFunction(5); // hupatia 15

Jipya Tukio

Array.find()

find() Methadi hupiaa ukurasa wa kwanza wa jirani kwa msingi wa kufikiria.

Mfano huu hupata (huporusha) ukurasa wa kwanza wa kubadilika kikubwa ya 18:

Mifano

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
  inaonyesha value > 18;
}

Jipya Tukio

Taradhishe hii inaingia 3 thamani:

  • Chaguo cha kitambaa
  • Kampungano cha kitambaa
  • Makampuni wa mawakilishi

Array.findIndex()

findIndex() Methadi hupiaa index ya kwanza ya ukurasa wa jirani kwa msingi wa kufikiria.

Mfano huu unaonyesha kampungano cha kitambaa cha kwanza cha kipya cha 18:}

Mifano

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  inaonyesha value > 18;
}

Jipya Tukio

Taradhishe hii inaingia 3 thamani:

  • Chaguo cha kitambaa
  • Kampungano cha kitambaa
  • Makampuni wa mawakilishi

Mambo ya kigeni ya mpya

ES6 zimeongeza mambo mengine ya kigeni kwa kifaa cha Number:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Mifano

var x = Number.EPSILON;

Jipya Tukio

Mifano

var x = Number.MIN_SAFE_INTEGER;

Jipya Tukio

Mifano

var x = Number.MAX_SAFE_INTEGER;

Jipya Tukio

Mapya ya kigeni ya mpya

ES6 zimeongeza 2 mapya ya kigeni ya Number:

  • Number.isInteger()
  • Number.isSafeInteger()

Mwongozo wa Number.isInteger()

Ikiwa thamani ni inanahasho, Number.isInteger() 方法返回 true。

Mifano

Number.isInteger(10);        // Inaonyesha true
Number.isInteger(10.5);      // Inaonyesha false

Jipya Tukio

Mwongozo wa Number.isSafeInteger()

Inanahasho ya inayosafika inaweza kusimuliwa kwa upana wa juu wa mafanikio ya juu.

Ikiwa thamani ni inanahasho ya inayosafika, Number.isSafeInteger() 方法返回 true。

Mifano

Number.isSafeInteger(10);    // Inaonyesha true
Number.isSafeInteger(12345678901234567890);  // Inaonyesha false

Jipya Tukio

Inanahasho ya inayosafika ni inayotumiwa kama inayotumika kati ya -(253 - 1) na +(253 - 1) zote.

Hii ni inayosafika: 9007199254740991. Hii ni haikisafika: 9007199254740992.

Mapya ya kigeni ya mpya

ES6 zimeongeza 2 mapya ya kigeni ya mafanikio ya inanahasho:

  • isFinite()
  • isNaN()

Mwongozo wa isFinite()

Ikiwa thamani ni Infinity au NaN，则全局 isFinite() Mwongozo huanza false。

Kama hivyo, inaonyesha true:

Mifano

isFinite(10/0);       // Inaonyesha false
isFinite(10/1);       // Inaonyesha true

Jipya Tukio

Mwongozo wa isNaN()

如果参数是 NaN，则全局 isNaN() 方法返回 true。否则返回 false：

Mifano

isNaN("Hello");       // 返回 true

Jipya Tukio

箭头函数（Arrow Function）

箭头函数允许使用简短的语法来编写函数表达式。

您不需要 function 关键字、return 关键字以及花括号。

Mifano

// ES5
var x = function(x, y) {
   return x * y;
}
// ES6
const x = (x, y) => x * y;

Jipya Tukio

箭头功能没有自己的 this。它们不适合定义对象方法。

箭头功能未被提升。它们必须在使用Kwanzakutumia.

kutumia const Inaonekana kwa var Inafaa zaidi, kwa sababu kifungu cha kifungu ni thamani kimoja.

Kama kifungu ni maelezo kimoja, inaweza kuondolewa return Maneno na mabaki. Kwa hivyo, kusafirisha wengi ni tabia mpya:

Mifano

const x = (x, y) => { return x * y };

Jipya Tukio