ES6面試題總結(jié)(2018-06-22)

1.說出至少5個ES6的新特性绕娘,并簡述它們的作用脓规。(簡答題)

答:
?????1、let關(guān)鍵字险领,用于聲明只在塊級作用域起作用的變量抖拦。
?????2、const關(guān)鍵字舷暮,用于聲明一個常量。
?????3噩茄、解構(gòu)賦值下面,一種新的變量賦值方式。常用于交換變量值绩聘,提取函數(shù)返回值沥割,設(shè)置默認(rèn)值。
?????4凿菩、Symbol數(shù)據(jù)類型机杜,定義一個獨(dú)一無二的值。
?????5衅谷、Proxy代理椒拗,用于編寫處理函數(shù),來攔截目標(biāo)對象的操作获黔。
?????6蚀苛、for...of遍歷,可遍歷具有iterator 接口的數(shù)據(jù)結(jié)構(gòu)玷氏。
?????7堵未、Set結(jié)構(gòu),存儲不重復(fù)的成員值的集合盏触。
?????8渗蟹、Map結(jié)構(gòu),鍵名可以是任何類型的鍵值對集合赞辩。
?????9雌芽、Promise對象,更合理诗宣、規(guī)范地處理異步操作膘怕。
?????10、Class類定義類和更簡便地實(shí)現(xiàn)類的繼承召庞。
?????...

2.使用解構(gòu)賦值岛心,實(shí)現(xiàn)兩個變量的值的交換(編程題)来破。

答:

let a = 1;
let b = 2;
[a,b] = [b,a];
3.使用解構(gòu)賦值,完成函數(shù)的參數(shù)默認(rèn)值(編程題)忘古。
function demo({name="王德發(fā)"}){
     console.log(name);
}
4.利用數(shù)組推導(dǎo)徘禁,計(jì)算出數(shù)組 [1,2,3,4] 每一個元素的平方并組成新的數(shù)組。(編程題)
var arr1 = [1, 2, 3, 4];
var arr2 = [for (i of arr1) i * i];
console.log(arr2);
5.使用模板字符串改寫下面的代碼髓堪。(ES5 to ES6改寫題)
let iam  = "我是";
let name = "王德發(fā)";
let str  = "大家好送朱,"+iam+name+",多指教。";

改:

let iam  = `我是`;
let name = `王德發(fā)`;
let str  = `大家好干旁,${iam+name},多指教驶沼。`;
6.用對象的簡潔表示法改寫下面的代碼。(ES5 to ES6改寫題)
let name = "王德發(fā)";
let obj = {
    "name":name,
    "say":function(){
        alert('hello world');
    }
};

改:

let name = "王德發(fā)";
let obj = {
    name,
    say(){
        alert('hello world');
    }
};
7.用箭頭函數(shù)的形式改寫下面的代碼争群。(ES5 to ES6改寫題)
arr.forEach(function (v,i) {
    console.log(i);
    console.log(v);
});

改:

arr.forEach((v,i) => {
    console.log(i);
    console.log(v);
});
8.設(shè)計(jì)一個對象回怜,鍵名的類型至少包含一個symbol類型,并且實(shí)現(xiàn)遍歷所有key换薄。(編程題)

答:

let name = Symbol('name');
let product = {
    [name]:"洗衣機(jī)",
    "price":799
};
Reflect.ownKeys(product);
9.有一本書的屬性為:{“name”:“《ES6基礎(chǔ)系列》”, ”price”:56 }玉雾;要求使用Proxy對象對其進(jìn)行攔截處理,name屬性對外為“《ES6入門到懵逼》”,price屬性為只讀轻要。(練習(xí)題)

答:

let book  = {"name":"《ES6基礎(chǔ)系列》","price":56 };
let proxy = new Proxy(book,{
    get:function(target,property){
        if(property === "name"){
            return "《入門到懵逼》";
        }else{
            return target[property];
        }
    },
    set:function(target,property,value){
        if(property === 'price'){
            target[property] = 56;
        }
    }
});
10.閱讀下面的代碼复旬,并用for...of改成它。(ES5 to ES6改寫題)
let arr = [11,22,33,44,55];
let sum = 0;
for(let i=0;i<arr.length;i++){
    sum += arr[i];
}

改:

let arr = [11,22,33,44,55];
let sum = 0;
for(value of arr){
    sum += value;
}
11.關(guān)于Set結(jié)構(gòu)冲泥,閱讀下面的代碼驹碍,回答問題。(代碼閱讀題)凡恍。
let s = new Set();
s.add([1]);
s.add([1]);
console.log(s.size);

問:打印出來的size的值是多少幸冻?
答:2。如果回答為1的咳焚,多必是記得Set結(jié)構(gòu)是不會存儲相同的值洽损。其實(shí)在這個案例中,兩個數(shù)組[1]并不是同一個值革半,它們分別定義的數(shù)組碑定,在內(nèi)存中分別對應(yīng)著不同的存儲地址,因此并不是相同的值又官。所以都能存儲到Set結(jié)構(gòu)中延刘,size為2。

12.關(guān)于Map結(jié)構(gòu)六敬,閱讀下面的代碼碘赖,回答問題。(代碼閱讀題)
let map = new Map();
map.set([1],"ES6系列");

let con = map.get([1]);
console.log(con);

問:打印出來的變量con的值是多少,為什么普泡?
答:undefined播掷。因?yàn)閟et的時候用的數(shù)組[1]和get的時候用的數(shù)組[1]是分別兩個不同的數(shù)組,只不過它們元素都是1撼班。它們是分別定義的兩個數(shù)組歧匈,并不是同一個值。新手避免在這里犯錯砰嘁。如果想達(dá)到預(yù)期的效果件炉,你要保證get的時候和set的時候用同一個數(shù)組。比如:

let map = new Map();
let arr = [1];
map.set(arr,"ES6系列");
let con = map.get(arr);
console.log(con); //ES6系列
13.定義一個類Animal矮湘,通過傳參初始化它的類型斟冕,如:“貓科類”。它有一個實(shí)例方法:run缅阳,run函數(shù)體內(nèi)容可自行定義宫静。

答案:

class Animal {
    constructor(type){
        this.type = type;
    }

    run(){
        alert('I can run');
    }
}
14.基于第12題的Animal類,定義一個子類Cat并繼承Animal類券时。初始化Cat類的昵稱name和年齡age。并擁有實(shí)例方法eat伏伯,eat函數(shù)體內(nèi)容可自行定義橘洞。

答:

class Cat extends Animal{
    constructor(type,name,age){
        super(type);
        this.name = name;
        this.age = age;
    }
   
    eat(){
        alert('I am eating');
    }
}
15.利用module模塊,實(shí)現(xiàn)兩個模塊A和B说搅,A模塊導(dǎo)出變量name炸枣,age和say方法。B模塊只導(dǎo)入變量name和say方法弄唧,并且重命名name為nickname适肠。
//-----模塊A-------//
var name = "kitty";
var age = 15;
var say = function(){
    //....
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市候引,隨后出現(xiàn)的幾起案子侯养,更是在濱河造成了極大的恐慌,老刑警劉巖澄干,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逛揩,死亡現(xiàn)場離奇詭異,居然都是意外死亡麸俘,警方通過查閱死者的電腦和手機(jī)辩稽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來从媚,“玉大人逞泄,你說我怎么就攤上這事。” “怎么了喷众?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵各谚,是天一觀的道長。 經(jīng)常有香客問我侮腹,道長嘲碧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任父阻,我火速辦了婚禮愈涩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘加矛。我一直安慰自己履婉,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布斟览。 她就那樣靜靜地躺著毁腿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪苛茂。 梳的紋絲不亂的頭發(fā)上已烤,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天,我揣著相機(jī)與錄音妓羊,去河邊找鬼胯究。 笑死,一個胖子當(dāng)著我的面吹牛躁绸,可吹牛的內(nèi)容都是我干的裕循。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼净刮,長吁一口氣:“原來是場噩夢啊……” “哼剥哑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎揖铜,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體督暂,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年穷吮,在試婚紗的時候發(fā)現(xiàn)自己被綠了逻翁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡捡鱼,死狀恐怖八回,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤缠诅,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布溶浴,位于F島的核電站,受9級特大地震影響管引,放射性物質(zhì)發(fā)生泄漏士败。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一褥伴、第九天 我趴在偏房一處隱蔽的房頂上張望谅将。 院中可真熱鬧,春花似錦重慢、人聲如沸饥臂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽隅熙。三九已至,卻和暖如春核芽,著一層夾襖步出監(jiān)牢的瞬間囚戚,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工轧简, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留驰坊,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓吉懊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親假勿。 傳聞我的和親對象是個殘疾皇子借嗽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評論 2 354

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

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,100評論 1 32
  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 29,376評論 8 265
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法转培,內(nèi)部類的語法恶导,繼承相關(guān)的語法,異常的語法浸须,線程的語...
    子非魚_t_閱讀 31,625評論 18 399
  • 一惨寿、ES6簡介 ? 歷時將近6年的時間來制定的新 ECMAScript 標(biāo)準(zhǔn) ECMAScript 6(亦稱 ...
    一歲一枯榮_閱讀 6,071評論 8 25
  • 在以往人們遇到不順心的事情都會說自己這是走了霉運(yùn)了肌索,而在現(xiàn)代人們遇到不順心的事情都會說這特么絕逼是遇到水逆了蕉拢。 所...
    奇葩菇?jīng)?/span>閱讀 792評論 0 2