es6新增在vue中常用語法

1.es6三種變量聲明方式

(var 雄家,let, const)


var a = 0袍患;//不多解釋

for(a=0;a<4;a++){
    console.log(a);
}
console.log(a);//可以打印出a的值

——————————————————————————————————————————
for(var i=0;i<4;i++){
    console.log(i);//0,1,2,3
}
console.log(i);//打印報(bào)錯(cuò)

const m = 4;
m =5; //報(bào)錯(cuò)

總結(jié):由于es6之前只有var,然而var 在哪里定義都是全局變量董瞻,都會(huì)唄預(yù)解析提前帽借,所以es6,引入let,const.從上面的案例可以看出來妓盲,let,定于的是局部作用域浩嫌,const定義的是常量檐迟,不能修改。

2.前端的福利码耐,數(shù)組與對(duì)象的解構(gòu)賦值

let a = [1,2,3];

//如果我們想拿到 數(shù)組里面的值追迟;
//es5
a[0];
a[1];
a[2];
//es6;

let a = [1,2,3];
let [a1,a2,a3] = a;
a1  // a1 == a[0]
a2  // a1 == a[1]
a3 // a1 == a[2]


let json = {foo:2}

let {foo} = json;
console.log(foo); //2

總結(jié):通過數(shù)組和對(duì)象的結(jié)構(gòu)骚腥,我們可以直接獲取對(duì)象和數(shù)組里面的值了敦间,可以通過先解構(gòu)出來,直接當(dāng)變量使用束铭,非常方便廓块。

3.字符串模板

//es5
let jspang='技術(shù)胖';
let blog = '非常高興你能看到這篇文章,我是你的老朋友'+jspang+'契沫。這節(jié)課我們學(xué)習(xí)字符串模版带猴。';
//es6

let jspang='技術(shù)胖';
let blog = `<b>非常高興你能看到這篇文章</b>,我是你的老朋友${jspang}懈万。<br/>這節(jié)課我們學(xué)習(xí)字符串模版拴清。`;

總結(jié):使用字符串模板可以大大減少我們字符串拼接,大大提高閱讀行会通;

4.箭頭函數(shù)

//es5
function add(a,b=1){
    'use strict'
    if(a == 0){
        throw new Error('This is error');
    }
     return a+b;
}
console.log(add(1));
//es6
var add =(a,b=1) => {
    console.log('jspang')
    return a+b;
};
console.log(add(1));

總結(jié):es6的箭頭函數(shù),簡(jiǎn)化了es5的函數(shù)涕侈,使用起來比較簡(jiǎn)單驾凶,但是并不是所有的情況都可以使用箭頭函數(shù)的,這個(gè)需要注意

5.模塊化操作

es6新引入了export窟哺,import 兩個(gè)關(guān)鍵字且轨,主要是為了解決作用域的問題

//a.js
var a = 'jspang'
export a;

============================
//b.js
import {a} from './temp.js';
console.log(a);

總結(jié):由于es6,引入js,經(jīng)常會(huì)導(dǎo)致全局污染的問題旋奢,于是es6新增export,import,我們需要在那個(gè)文件使用import form即可。

終結(jié):這里是es6在vu中使用比較多的地方屉符,在這里總結(jié)出來锹引,ES6還有其他內(nèi)容嫌变,可以參考技術(shù)胖es6案例。ES6的所有的新內(nèi)容可以查看阮一峰e(cuò)s6东涡。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末软啼,一起剝皮案震驚了整個(gè)濱河市祸挪,隨后出現(xiàn)的幾起案子贞间,更是在濱河造成了極大的恐慌增热,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異摄咆,居然都是意外死亡吭从,警方通過查閱死者的電腦和手機(jī)涩金,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奈附,“玉大人煮剧,你說我怎么就攤上這事轿秧∽傻蹋” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵驱还,是天一觀的道長(zhǎng)议蟆。 經(jīng)常有香客問我萎战,道長(zhǎng)蚂维,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮涂籽,結(jié)果婚禮上评雌,老公的妹妹穿的比我還像新娘。我一直安慰自己团赏,他們只是感情好耐薯,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開白布体谒。 她就那樣靜靜地躺著,像睡著了一般幌绍。 火紅的嫁衣襯著肌膚如雪傀广。 梳的紋絲不亂的頭發(fā)上彩届,一...
    開封第一講書人閱讀 49,929評(píng)論 1 290
  • 那天贮聂,我揣著相機(jī)與錄音寨辩,去河邊找鬼靡狞。 笑死,一個(gè)胖子當(dāng)著我的面吹牛甘穿,可吹牛的內(nèi)容都是我干的扒磁。 我是一名探鬼主播式曲,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼兰伤,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼钧排!你這毒婦竟也來了恨溜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤躺盛,失蹤者是張志新(化名)和其女友劉穎槽惫,沒想到半個(gè)月后界斜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體合冀,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡得糜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年啥箭,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了急侥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坏怪。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡打掘,死狀恐怖尊蚁,靈堂內(nèi)的尸體忽然破棺而出横朋,到底是詐尸還是另有隱情百拓,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站止剖,受9級(jí)特大地震影響穿香,放射性物質(zhì)發(fā)生泄漏皮获。R本人自食惡果不足惜洒宝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一知残、第九天 我趴在偏房一處隱蔽的房頂上張望求妹。 院中可真熱鬧制恍,春花似錦净神、人聲如沸强挫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至仗谆,卻和暖如春隶垮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背秘噪。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工狸吞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人指煎。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓蹋偏,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親至壤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子威始,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • ES6語法跟babel: 一、首先我們來解釋一下什么是ES崇渗? ES的全稱是ECMAScript字逗。1996 11 ,...
    Mooya_閱讀 987評(píng)論 0 0
  • 一京郑、ES6簡(jiǎn)介 ? 歷時(shí)將近6年的時(shí)間來制定的新 ECMAScript 標(biāo)準(zhǔn) ECMAScript 6(亦稱 ...
    一歲一枯榮_閱讀 6,065評(píng)論 8 25
  • 以下內(nèi)容是我在學(xué)習(xí)和研究ES6時(shí)宅广,對(duì)ES6的特性、重點(diǎn)和注意事項(xiàng)的提取些举、精練和總結(jié)跟狱,可以做為ES6特性的字典;在本...
    科研者閱讀 3,121評(píng)論 2 9
  • 1.函數(shù)參數(shù)的默認(rèn)值 (1).基本用法 在ES6之前户魏,不能直接為函數(shù)的參數(shù)指定默認(rèn)值驶臊,只能采用變通的方法。
    趙然228閱讀 686評(píng)論 0 0
  • 有時(shí)候翻自己以前的日記本叼丑,會(huì)發(fā)現(xiàn)某相鄰兩篇的間隔達(dá)一周以上关翎。我會(huì)回想那一周發(fā)生了什么呢?有時(shí)會(huì)恍然大悟鸠信,因?yàn)樘α?..
    天上的船閱讀 125評(píng)論 0 1