జావాస్క్రిప్ట్ ఆర్క్ ఫంక్షన్స్

ES6 中引入了箭头函数。

箭头函数允许我们编写更短的函数：

语法

let myFunction = (a, b) => a * b;

亲自试一试

之前：

హలో = ఫంక్షన్() {
  return "Hello World!";
}

亲自试一试

用了箭头函数之后：

hello = () => {
  return "Hello World!";
}

亲自试一试

రిటర్న్ "హలో వరల్డ్!"; నిజంగా, ఫంక్షన్ ఒక మాత్రమే స్టేట్మెంట్ ఉన్నప్పుడు మరియు ఆ స్టేట్మెంట్ ఒక విలువను తిరిగి ఇస్తుంది అని ఉంటే, బంధకాలు మరియు రిటర్న్ పదక్షరాన్ని తొలగించవచ్చు: రిటర్న్

పదక్షరం:

ఆంకుర ఫంక్షన్ల డిఫాల్ట్ రిటర్న్ విలువ:

亲自试一试

హలో = () => "హలో వరల్డ్!";కామెంట్:

ఈ పద్ధతి ఫంక్షన్ ఒక మాత్రమే స్టేట్మెంట్ ఉన్నప్పుడు మాత్రమే చల్లాడబడుతుంది.

మీరు పారామిటర్లను బంధకాలలో పంపించాలి:

పారామిటర్లు ఉన్న ఆంకుర ఫంక్షన్లు:

亲自试一试

హలో = (val) => "హలో " + val;

నిజంగా, ఒక మాత్రమే పారామిటర్ ఉన్నప్పుడు, బంధకాలను ఉపయోగించకూడదు:

బంధకం లేని ఆంకుర ఫంక్షన్లు:

亲自试一试

ఈ హలో = val => "హలో " + val;

ఏమి చేయాలి? ఈ సాధారణ ఫంక్షన్లకు కంటే, ఆంకుర ఫంక్షన్లు

సరళంగా చెప్పాలంటే, ఆంకుర ఫంక్షన్లను ఉపయోగించడం లేదా ఇతర ప్రక్రియలను ప్రభావితం చేయడం లేదు. ఈ యొక్క బంధనం.

సాధారణ ఫంక్షన్లలో పదక్షరం ఈ ఫంక్షన్ పిలువబడే అంతర్జాతీయ వస్తువు, విండో, డాక్యుమెంట్, బటన్ లేదా ఇతర పదార్థాలు కావచ్చు.

ఆంకుర ఫంక్షన్లకు కొరకుఈ పదక్షరం ఎల్లప్పుడూ ఆంకుర ఫంక్షన్ నిర్వచించే అంతర్జాతీయ వస్తువును సూచిస్తుంది.

ఈ వ్యత్యాసాలను అర్థం చేసుకునేందుకు మాకు రెండు ఉదాహరణలు చూడండి.

ఈ రెండు ఉదాహరణలు రెండు సార్లు మందిరికాలు పిలిచాయి, ఒకసారి పేజీ లోడ్ అయినప్పుడు, మరొకసారి వినియోగదారు బటన్ నొక్కినప్పుడు.

మొదటి ఉదాహరణ సాధారణ ఫంక్షన్ను ఉపయోగించింది, రెండవ ఉదాహరణ ఆంకుర ఫంక్షన్ను ఉపయోగించింది.

ఫలితం మొదటి ఉదాహరణలో రెండు వేర్వేరు అంతర్జాతీయ వస్తువులను (విండో మరియు బటన్) తిరిగి ఇస్తుంది, రెండవ ఉదాహరణలో రెండు సార్లు విండో అంతర్జాతీయ వస్తువును తిరిగి ఇస్తుంది, ఎందుకంటే విండో అంతర్జాతీయ వస్తువు ఫంక్షన్ యొక్క 'యజమాని'గా ఉంటుంది.

ప్రకటన

సాధారణ ఫంక్షన్లలో, ఈ విధంగా అర్థం చేసుకుంటుంది: ఫంక్షన్ పిలువబడే అంతర్జాతీయ వస్తువు

// సాధారణ ఫంక్షన్లు:
హలో = ఫంక్షన్() {
  document.getElementById("demo").innerHTML += this;
}
// window 对象调用该函数：
window.addEventListener("load", hello);
// button 对象调用该函数：
document.getElementById("btn").addEventListener("click", hello);

亲自试一试

ప్రకటన

ఆంకుర ఫంక్షన్ ఉపయోగించినప్పుడు ఈ 表示函数的拥有者：

// 箭头函数：
hello = () => {
  document.getElementById("demo").innerHTML += this;
}
// window 对象调用该函数：
window.addEventListener("load", hello);
// button 对象调用该函数：
document.getElementById("btn").addEventListener("click", hello);

亲自试一试

使用函数时请记住这些差异。有时，常规函数的行为正是您想要的，如果不是，请使用箭头函数。

浏览器支持

బ్రౌజర్ మద్దతు

ఈ పట్టిక మొదటి పూర్తిగా జావాస్క్రిప్ట్ ఆర్క్డ్ ఫంక్షన్స్ ను మద్దతు ఇచ్చే బ్రౌజర్ సంస్కరణలను పేర్కొంది: ఐఇ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
క్రోమ్ 45 ఎడ్జ్ 12 ఫైర్ఫాక్స్ 22 సఫారీ 10 ఓపెరా 32
2015 సంవత్సరం 9 నెల 2015 సంవత్సరం 7 నెల 2013 సంవత్సరం 5 నెల 2016 సంవత్సరం 9 నెల 2015 సంవత్సరం 9 నెల