జావాస్క్రిప్ట్ ఇఎస్ ఇక్స్

ECMAScript 6 是什么?

ECMAScript 6 也称为 ES6 和 ECMAScript 2015。

一些人把它称作 JavaScript 6。

本章介绍 ES6 中的一些新特性。

  • JavaScript let
  • JavaScript const
  • 幂 (**)
  • డిఫాల్ట్ పరమాణులు
  • Array.find()
  • Array.findIndex()

对 ES6(ECMAScript 2015)的浏览器支持

Safari 10 和 Edge 14 是首先完全支持 ES6 的浏览器:

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

JavaScript let

let 语句允许您使用块作用域声明变量。

ఇన్స్టాన్స్

var x = 10;
// ఇక్కడ x యొక్క విలువ 10
{ 
  let x = 2;
  // ఇక్కడ x యొక్క విలువ 2
}
// ఇక్కడ x యొక్క విలువ 10

స్వయంగా ప్రయత్నించండి

JavaScript const

const 语句允许您声明常量(具有常量值的 JavaScript 变量)。

కానీ స్థిరమైన విలువలు వంటి let వేరు వేరు విలువలు కలిగి ఉండవచ్చు కానీ విలువను మార్చలేరు。

ఇన్స్టాన్స్

var x = 10;
// ఇక్కడ x యొక్క విలువ 10
{ 
  const x = 2;
  // ఇక్కడ x యొక్క విలువ 2
}
// ఇక్కడ x యొక్క విలువ 10

స్వయంగా ప్రయత్నించండి

మా JavaScript Let / Const అధికారణలో మరింత విచారించండి let మరియు const యొక్క వివరాలు.

పరిమాణ ఆపరేటర్

పరిమాణ ఆపరేటర్ (**ప్రథమ ఆపరేండ్ ను రెండవ ఆపరేండ్ యొక్క సమానుపాతంలో పెంచడం జరుగుతుంది。

ఇన్స్టాన్స్

var x = 5;
var z = x ** 2;          // ఫలితం 25

స్వయంగా ప్రయత్నించండి

x ** y ఫలితం మరియు Math.pow(x,y) ఇదే విధంగా:

ఇన్స్టాన్స్

var x = 5;
var z = Math.pow(x,2);   // ఫలితం 25

స్వయంగా ప్రయత్నించండి

డిఫాల్ట్ పరమాణులు

ES6 ఫంక్షన్ పరమాణులు డిఫాల్ట్ విలువలు కలిగి ఉండవచ్చు。

ఇన్స్టాన్స్

function myFunction(x, y = 10) {
  // y is 10 if not passed or undefined
  return x + y;
}
myFunction(5); // తిరిగి 15 ఇస్తుంది

స్వయంగా ప్రయత్నించండి

Array.find()

find() ఫంక్షన్ పరీక్షా ఫంక్షన్ ద్వారా పరీక్షించబడిన ప్రథమ అక్షరం యొక్క విలువను తిరిగి ఇస్తుంది。

ఈ ఉదాహరణ ప్రథమ గురుతుగా ఉన్న 18 కంటే పెద్ద అక్షరం (విలువను) చూస్తుంది (తిరిగి ఇస్తుంది):

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

ఈ ఫంక్షన్ 3 పరామీతులను అంగీకరిస్తుంది:

  • ప్రాజెక్ట్ విలువ
  • ప్రాజెక్ట్ సూచిక
  • అందరికీ పెట్టుబడులు

Array.findIndex()

findIndex() ఫంక్షన్ పరీక్షా ఫంక్షన్ ద్వారా పరీక్షించబడిన ప్రథమ అక్షరం యొక్క ఇండెక్స్ ను తిరిగి ఇస్తుంది。

ఈ ఉదాహరణ పెద్ద సంఖ్యలను అందిస్తుంది మరియు అది పెద్ద సంఖ్యలను కనుగొంటుంది:

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

ఈ ఫంక్షన్ 3 పరామీతులను అంగీకరిస్తుంది:

  • ప్రాజెక్ట్ విలువ
  • ప్రాజెక్ట్ సూచిక
  • అందరికీ పెట్టుబడులు

నూతన సంఖ్యల గుణం

ES6 లో Number వస్తువుకు కొత్త గుణంగా జోడించబడింది:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

ఇన్స్టాన్స్

var x = Number.EPSILON;

స్వయంగా ప్రయత్నించండి

ఇన్స్టాన్స్

var x = Number.MIN_SAFE_INTEGER;

స్వయంగా ప్రయత్నించండి

ఇన్స్టాన్స్

var x = Number.MAX_SAFE_INTEGER;

స్వయంగా ప్రయత్నించండి

నూతన సంఖ్యల మాదిరి

ES6 లో Number వస్తువుకు 2 నూతన మాదిరులు జోడించబడ్డాయి:

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

Number.isInteger() మాదిరి

పరామీతి సంఖ్యలు అయినప్పుడు Number.isInteger() 方法返回 true.

ఇన్స్టాన్స్

Number.isInteger(10);        // తిరిగి నిజమైన విధంగా ఉంటుంది
Number.isInteger(10.5);      // తిరిగి మదిని విధంగా ఉంటుంది

స్వయంగా ప్రయత్నించండి

Number.isSafeInteger() మాదిరి

సురక్షిత సంఖ్యలు ద్వారా ప్రత్యేకంగా ప్రతిబింబించబడే సంఖ్యలు ఉంటాయి.

పరామీతి సంఖ్యలు అయినప్పుడు Number.isSafeInteger() 方法返回 true.

ఇన్స్టాన్స్

Number.isSafeInteger(10);    // తిరిగి నిజమైన విధంగా ఉంటుంది
Number.isSafeInteger(12345678901234567890);  // తిరిగి మదిని విధంగా ఉంటుంది

స్వయంగా ప్రయత్నించండి

సురక్షిత సంఖ్యలు అనేది -(253 - 1) నుండి +(253 - 1) వరకు అన్ని పరిమాణాలు ఉంటాయి.

ఈ విధంగా సురక్షితం: 9007199254740991. ఈ విధంగా అసురక్షితం: 9007199254740992.

నూతన మొత్తం సంఖ్యల మాదిరి

ES6 లో నూతన 2 మొత్తం సంఖ్యల మాదిరులు జోడించబడ్డాయి:

  • isFinite()
  • isNaN()

isFinite() మాదిరి

పరామీతి అయినప్పుడు Infinity లేదా NaN,则全局 isFinite() మాదిరి తిరిగి మదిని విధంగా ఉంటుంది。

లేకపోతే తిరిగి నిజమైన విధంగా ఉంటుంది:

ఇన్స్టాన్స్

isFinite(10/0);       // తిరిగి మదిని విధంగా ఉంటుంది
isFinite(10/1);       // తిరిగి నిజమైన విధంగా ఉంటుంది

స్వయంగా ప్రయత్నించండి

isNaN() మాదిరి

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

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

箭头函数(Arrow Function)

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

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

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

箭头功能没有自己的 this. వాటిని నిర్వచించడానికి వాటిని ఉపయోగించడానికి ఉంటాయిఆబ్జెక్ట్ మెథడ్స్..

ఆర్రో ఫంక్షన్స్ ప్రారంభం లేదు. వాటిని ఉపయోగించడానికి వాటిని ఉపయోగించడానికి ఉంటాయిముందుచేయండి.

నిర్వచించడానికి const ఉపయోగించడానికి var మరింత సురక్షితం, ఎందుకంటే ఫంక్షన్ ఎక్స్ప్రెషన్స్ ఎక్కడైనా స్థిరమైన విలువలు ఉంటాయి.

ఫంక్షన్ ఒక ఏకాక్షర సాంకేతికం ఉంటే మాత్రమే సరళంగా సవాలు చేయవచ్చు return కీలకపదాలు మరియు క్రోస్ ప్లాక్స్. అందువల్ల, వాటిని ఉంచడం ఒక మంచి అలవాటు ఉంటుంది:

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి