最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

ES6新特性之變量和字符串用法示例

 更新時(shí)間:2017年04月01日 10:40:34   作者:晴天碧日  
這篇文章主要介紹了ES6新特性之變量和字符串用法,結(jié)合具體實(shí)例形式分析了ES6中變量與字符串的特性、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了ES6新特性之變量和字符串用法。分享給大家供大家參考,具體如下:

一、變量

1. LET

我們都習(xí)慣用var 來(lái)聲明變量,現(xiàn)在還可以用let來(lái)聲明變量,兩者的主要區(qū)別是作用域:var聲明的變量作用域?yàn)榘鼑暮瘮?shù),而let聲明的變量作用域僅在它所在的塊中。(在ES5中是沒有塊的概念的)。

if(true){
  let a=1;
}
console.log(a);//undifined

這樣使代碼更加干凈,減少滯留的變量,再如我們經(jīng)常用的數(shù)組遍歷:

for(let i=0;i<lists.length;i++){
  //do somthing with lists[i]
}
console.log(i)l//undifined

通常情況下,我們?cè)谕蛔饔糜蚶锸褂米兞縅來(lái)完成另一個(gè)遍歷,但是現(xiàn)在有了let,可以安全的再一次聲明i變量,因?yàn)樗辉诒宦暶鞯膲K中有效。

2.CONST

const也是用于聲明塊作用域變量的方法,使用const可以聲明一個(gè)值得只讀引用,必須直接給一個(gè)變量賦值,如果嘗試該變量或者沒有立即給變量賦值,都將報(bào)錯(cuò):

const MY_CONSTENT=1;
MY_CONSTENT=2;//error
const MY_CONSTENT;//error

注意對(duì)象的屬性或數(shù)組成員還是可以改變的

const MY_OBJECT={some:1};
MY_OBJECT.some='body';

3.箭頭函數(shù)

箭頭函數(shù)使得JS代碼更加簡(jiǎn)潔。下面將箭頭函數(shù)和ES5版本的函數(shù)寫法:

//箭頭函數(shù)
let books=[{"title":"X","price":20},{"title":"Y","price":40}];
let titles=books.map(item=>item.title);
//ES5函數(shù)
var titles=books.map(function(item){
  return item.title;
});

觀察箭頭函數(shù)的語(yǔ)法,會(huì)發(fā)現(xiàn)其中并沒有出現(xiàn)function關(guān)鍵字,只保留零或多個(gè)參數(shù)、“胖箭頭”(“=>”)和函數(shù)表達(dá)式,return聲明被隱式加入。帶有零或者多個(gè)參數(shù)時(shí)必須使用括號(hào):

//no arguments
books.map(()=>1);//[1,1]
//Mutiple arguments
[1,2].map((n,index)=>n*index);//[0,2]

如果需要寫更多的邏輯或更多的空格,可以把函數(shù)表達(dá)式放在({})塊中:

let result=[1,2,3,4,5].map(n=>{
  n=n%3;
  retutn n;
})

箭頭函數(shù)不單是為了輸入更少的字符,它們的表現(xiàn)也和一般的函數(shù)不同。它的繼承了當(dāng)前上下文的this和arguments,這就意味著你可以避免寫var that=this這樣的代碼,也不需要把函數(shù)綁定到正確的上下文了:

//ES6
let books={
  title'X',
  sellers:['A','B'],
  printSellers(){
    this.sellers.forEach(seller=>console.log(seller+'seller'+this.title))
  }
};
//ES5
var books={
  title='X',
  sellers:['A','B'],
  printSellers:function(){
   var that=this;
   this.sellers.forEach(function(seller){
     console.log(seller+'seller'+that.title)
   })
  }
};

二、字符串

1.方法

字符串String原型中增添了幾個(gè)新方法,用于簡(jiǎn)化需要用indexOf()方法來(lái)解決的問(wèn)題的復(fù)雜度,并達(dá)到同樣的效果:

'my string'.startsWith('my');//true
'my string'.endsWith('my');//false
'my string'.includes('str');//true

添加了另一個(gè)方法,用于創(chuàng)建重復(fù)字符串:

'my'.repeat(3);//'my my my'

2. 模板字符串

模板字符串提供提供一個(gè)簡(jiǎn)潔的方式來(lái)實(shí)現(xiàn)字符串插值,它基于美元符號(hào)和花括號(hào)${...},模板字符串置于引號(hào)之中:

//ES6
let name='json',
  apples=5,
  pears=7,
  bananas=function(){return 3};
console.log('this is${name}');
console.log('he carries ${apples} apples,${pears} pears,and ${bananas()} bananas');
//ES5
console.log('he carries'+ ${apples}+' apples,'+${pears}+' pears,and '+${bananas()}+' bananas');

以上形式對(duì)比ES5僅僅是便于字符串的拼接,實(shí)際上,模板字符串還可以用于多行字符串(空格也是字符串的一部分):

let x='1...
  2...
  3 lines long!';
//ES5
var x='1...'+
  '2...'+
  '3 lines long!';
var x="1...2...3 lines long!';

希望本文所述對(duì)大家ECMAScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 詳解微信小程序開發(fā)聊天室—實(shí)時(shí)聊天,支持圖片預(yù)覽

    詳解微信小程序開發(fā)聊天室—實(shí)時(shí)聊天,支持圖片預(yù)覽

    這篇文章主要介紹了微信小程序?qū)崟r(shí)聊天支持圖片預(yù)覽,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • 使用Threejs加載外部glb文件

    使用Threejs加載外部glb文件

    這篇文章主要介紹了使用Threejs加載外部glb文件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-04-04
  • ES6中promise詳解及用法實(shí)例

    ES6中promise詳解及用法實(shí)例

    Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大,下面這篇文章主要給大家介紹了關(guān)于ES6中promise詳解及用法的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • JsRender實(shí)用入門教程

    JsRender實(shí)用入門教程

    這篇文章主要介紹了JsRender實(shí)用入門實(shí)例,包含了tag else使用、循環(huán)嵌套訪問(wèn)父級(jí)數(shù)據(jù)等知識(shí)點(diǎn),并提供了完整的實(shí)例下載,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2014-10-10
  • javascript 仿QQ滑動(dòng)菜單效果代碼

    javascript 仿QQ滑動(dòng)菜單效果代碼

    javascript 仿QQ滑動(dòng)菜單效果代碼,非常漂亮的代碼,學(xué)習(xí)js的朋友可以參考下代碼風(fēng)格。
    2010-09-09
  • pdfh5.js的使用方法以及解決遇到的坑

    pdfh5.js的使用方法以及解決遇到的坑

    這篇文章主要給大家介紹了關(guān)于pdfh5.js的使用方法以及解決遇到的坑的解決辦法,pdfh5.js基于pdf.js和jQuery,web/h5/移動(dòng)端PDF預(yù)覽手勢(shì)縮放插件,需要的朋友可以參考下
    2024-02-02
  • JavaScript阻止瀏覽器返回按鈕的方法

    JavaScript阻止瀏覽器返回按鈕的方法

    這篇文章主要介紹了JavaScript阻止瀏覽器返回按鈕的方法,可實(shí)現(xiàn)通過(guò)javascript禁用掉返回按鈕的功能,需要的朋友可以參考下
    2015-03-03
  • javascript數(shù)組去重常用方法實(shí)例分析

    javascript數(shù)組去重常用方法實(shí)例分析

    這篇文章主要介紹了javascript數(shù)組去重常用方法,結(jié)合實(shí)例形式對(duì)比分析了幾種常用的數(shù)組去重方法實(shí)現(xiàn)技巧與優(yōu)缺點(diǎn),需要的朋友可以參考下
    2017-04-04
  • JavaScript制作3D旋轉(zhuǎn)相冊(cè)

    JavaScript制作3D旋轉(zhuǎn)相冊(cè)

    這篇文章主要為大家詳細(xì)介紹了JavaScript制作3D旋轉(zhuǎn)相冊(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • JS實(shí)現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作示例

    JS實(shí)現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作示例

    這篇文章主要介紹了JS實(shí)現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作,涉及javascript數(shù)組遍歷、拼接、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下
    2018-07-07

最新評(píng)論

奉贤区| 磐石市| 邢台市| 湘乡市| 建水县| 昆明市| 会同县| 凌源市| 邢台市| 应城市| 海淀区| 平利县| 大田县| 石楼县| 闽清县| 临洮县| 和田县| 鄂托克前旗| 建湖县| 佛冈县| 班玛县| 武汉市| 湘西| 察哈| 郯城县| 托克逊县| 商水县| 临夏县| 牙克石市| 安徽省| 宁陵县| 濮阳县| 和林格尔县| 苍梧县| 姜堰市| 江阴市| 图木舒克市| 云南省| 奇台县| 华蓥市| 宁晋县|