20181203——箭頭函式
我們先來按常規語法定義函式:
function funcName(params) {
return params + 2;
}
funcName(2);
// 4
該函式使用箭頭函式可以使用僅僅一行程式碼搞定!
var funcName = (params) => params + 2
funcName(2);
// 4
是不是很酷!雖然是一個極端簡潔的例子,但是很好的表述了箭頭函式在寫程式碼時的優勢。我們來深入瞭解箭頭函式的語法:
(parameters) => { statements }
如果沒有引數,那麼可以進一步簡化:
() => { statements }
如果只有一個引數,可以省略括號:
parameters => { statements }
沒有區域性this的繫結 和一般的函式不同,箭頭函式不會繫結this。 或則說箭頭函式不會改變this本來的繫結。
我們用一個例子來說明:
function Counter() {
this.num = 0;
}
var a = new Counter();
相關推薦
20181203——箭頭函式
我們先來按常規語法定義函式: function funcName(params) { return params + 2; } funcName(2); // 4 該函式使用箭頭函式可以使用僅僅一行程式碼搞定! var funcName = (params) =>
JavaScript:學習筆記(5)——箭頭函式=>以及實踐
JavaScript:學習筆記(5)——箭頭函式=>以及實踐 ES6標準新增了一種新的函式:Arrow Function(箭頭函式)。本文參考的連結如下: MDN箭頭函式:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/
es6中的(=>)箭頭函式
x => x * x 上面的箭頭函式相當於: function (x) { return x * x; } 箭頭函式相當於匿名函式,並且簡化了函式定義。 箭頭函式有兩種格式,一種像上面的,只包含一個表示式,連{ ... }和return都省略掉了。 還有一種可以包含多條語句,這時候就不能省
深入理解Javascript箭頭函式中的this
今日頭條:https://m.jb51.net/article/105340.htm 新增連結描述 ES6標準新增了一種新的函式:Arrow Function(箭頭函式)。那麼下面這篇文章主要給大家介紹了箭頭函式中this的相關資料,有需要的朋友可以參考借鑑,下面來一起看看吧。 首先我們先看
JS----箭頭函式
箭頭函式相當於其他語言的Lambda表示式或閉包語法, 是一種對普通函式的簡化寫法 語法格式如下: (param1,param2,...,paramN)=> { statements } 相當於如下函式: function (param1,param2,...,paramN)
es6箭頭函式以及模板字串的拼接
es6箭頭函式: //1.具有一個簡單引數的函式 var single=a=>a console.log(single('hello word')); //2.沒有引數的需要在箭頭前加上小括號 var logs=()=>{ console.log('這個是沒有
es6箭頭函式學習
1.具有一個簡單引數的函式 var single=a=>a console.log(single('hello word')); 2.沒有引數的需要在箭頭前加上小括號 var logs=()=>{ console.log('這個是沒有引數的函式'); } 3.多個引數需
箭頭函式和普通函式有什麼區別
1.箭頭函式相當於匿名函式,是不能作為建構函式的,不能使用new 2.箭頭函式不繫結arguments,取而代之用rest引數…解決 3.箭頭函式會捕獲其所在上下文的this值,作為自己的this值。即箭頭函式的作用域會繼承自外圍的作用域。 4.箭頭函式當方法使用的時候沒有定
d3.select(this)不能用箭頭函式
d3中典型的資料繫結片段 const items = svg.selectAll('g') .data(gdfs,(d)=> d.name); const enter = items.enter().append('g');
學JS的心路歷程-函式(五)箭頭函式
箭頭函式arrow function 為了能夠以更簡短的方式建立函式,ES6變推出了箭頭函式。 用說明的可能會不太懂,我們先拿之前的陣列排序例子來看: var arr = [2,1,6,12,3,77,100,4]; arr.sort(function(a,b){ return a
js---ES6 箭頭函式的this指向
普通函式的this指向看的是: 1.呼叫者 2.有沒有call/apply改變this指向 3.new改變AO中的this為一個空的物件 4.什麼都沒有,單純呼叫函式,this就是window,在自己的AO中。 箭頭函式的this指向:箭頭函式在定義時執行器上下文的this的指向(不具有塊
es6 入坑筆記(二)---函式擴充套件,箭頭函式,擴充套件運算子...
函式擴充套件 1.函式可以有預設值 function demo( a = 10,b ){} 2.函式可以使用解構 function demo( { a = 0,b = 0 } = {} ){ } 3.函式引數最後可以多一個逗號 function demo(a,b,
[譯]JS箭頭函式三連問:為何用、怎麼用、何時用
在現代JS中最讓人期待的特性就是關於箭頭函式,用=>來標識。箭頭函式有兩個主要的優點:其一是非常簡明的語法,另外就是直觀的作用域和this的繫結。 因為這些優點,箭頭函式比起其他形式的函式宣告更加受歡迎。比如,受歡迎的airbnb eslint configuration庫會強制使用JavaScrip
es6函式的拓展與箭頭函式
1、函式的預設值: function fn (a=1,b=2) { console.log(a) //10 console.log(b) //2 } fn(10) 可以看到,當沒有傳第二個引數的時候,b的值為預設值2。 var ag
JS箭頭函式的優勢在哪裡
譯者按: 看上去只是語法的變動,其實也影響了this的作用域。 原文: JavaScript: Arrow Functions for Beginners 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。本文我們介紹箭頭(arrow)函式的優點。 更簡潔的語法 我們先
箭頭函式及擴充套件運算子
//箭頭函式 不能作為建構函式 不能使用new var f = () =>{} var f1 = new f(); //f is not a constructor //原型 沒有原型屬性 function f(){
Javascript箭頭函式的優勢在哪裡
譯者按: 看上去只是語法的變動,其實也影響了this的作用域。 原文: JavaScript: Arrow Functions for Beginners 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。 本文我們介紹箭頭(ar
ES6精解(2):箭頭函式
基本用法 在ES6中允許使用 => 來定義函式,如下: var f = a => a; console.log(f(1)); //1 就等同於 var f = function(a){ return a; } c
js---箭頭函式
箭頭函式的使用,我們在做VUE或者angular專案的時候,定義的函式,很多時候會有作用域的問題,特別是在進行非同步請求的時候,就必須使用到箭頭函式: 最簡單的箭頭函式: function change((res)=>{ console.log(res); }); // 相當於 fun
ES6--箭頭函式建議
箭頭函式適合於無複雜邏輯或者無副作用的純函式場景下,例如用在map、reduce、filter的回撥函式定義中; 不要在最外層定義箭頭函式,因為在函式內部操作this會很容易汙染全域性作用域。最起碼在箭頭函式外部包一層普通函式,將this控制在可見的範圍內; 如開頭所述,箭頭函