ES6基础(var let const 箭头函数)-学习笔记
生活随笔
收集整理的這篇文章主要介紹了
ES6基础(var let const 箭头函数)-学习笔记
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文章目錄
- ES6基礎(var let const 箭頭函數)- 學習筆記
- 定義:var let const
- 箭頭函數
- 數據結構 set map
ES6基礎(var let const 箭頭函數)- 學習筆記
定義:var let const
//var//let const//let 不存在變量提升console.log(a);let a = 10;//let 同一個作用域下不能重復定義同樣的名稱let a = 10;let a = 100;console.log(a);//有著嚴格的作用域 塊級作用域{}function fun(){let str = 99;if(true){let str = 100;};console.log(str);};fun();//暫時性死區let a = b ,b = 1;//const 聲明的一個只讀的常量,一旦聲明,常量的值就不能改變const x = 10;//x = 100; //errorconsole.log(x);//const一旦聲明了就得初始化,不能只聲明不賦值const y; //error//數組和對象指向的是對應的內存地址不能改動,對應的值是可以修改const arr = [];arr.push(1);arr[1] = 2;console.log(arr) //[1,2]const obj = {};obj.id = 123;console.log(obj);箭頭函數
//箭頭函數 簡化了函數的定義let f = v => v; //let 變量名 = 參數 => 函數體//let f = v =>{return v}//es5var f = function(v) {return v;};let f = () => 123;var f = function() {return 123;};var f = function(a,b) {return a+b;};var f = (a,b) => a+b;f(2,3)var f = (a,b)=> {fun2(a,b)};數據結構 set map
//數據結構 set map //set 類似于數組 成員信息是唯一//map 類似于對象 鍵值對的方法const s = new Set();const arr = new Array(); //arr[0] = 1; arr[1] = 2const m = new Map();//定義const s = new Set();//add() //添加s.add(1).add(2).add(3).add(3);console.log(s);//另一種定義const s = new Set([1,2,4,62,4,3,2,5,2]);//類型轉換 去重var a = Array.from(s);console.log(a); //[]var arr = [1,2,4,2,4,2,5,2,3,2,2,2,3,3,2,3,2,2];var a2 = [...new Set(arr)]; //...擴展運算符console.log(a2)//mapconst m = new Map();//添加屬性var a = {id:1};m.set(a,1).set('name','abc');console.log(m)//for of ES6里增加的var arr = ['a','b','c'];for(let v of arr) {console.log(v)};for(let [k,v] of m){}總結
以上是生活随笔為你收集整理的ES6基础(var let const 箭头函数)-学习笔记的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript预解析、作用域题目记
- 下一篇: ES6基础2(块级作用域、数组对象解构)