/*===可有可無的開首start===*/
近來因為一些事兒辭了方才找到的事情，處在待業狀況，去輕微的面了幾家公司，有大有小，有好有壞，發明人人問起來的一些ES6的題目跟我想的不一樣，下來再去研討發明我說的照樣有些缺點，雖然意義是對的，然則表達的很新鮮，怪不得口試官會誤解，參考了下之前公司老大的一些和網上大神的，這裏撿着關於箭頭函數和let、const去說一些淺薄的總結（都是爛大街的啦～）
/*===可有可無的開首end===*/
文中大部分偏發起，連繫了網上的一些範例整理出來的，也包含了一些迥殊的數組和對象的處置懲罰。後期人人一同議論
一、函數聲明的差別運用體式格局
ES6中兩種體式格局舉行函數的定義：箭頭函數 和 function()
箭頭函數的辨別1: 沒有本身的this，它的this來自它定義時的環境
箭頭函數的辨別2: 因為沒有本身的this，所以bind、apply、call也對其不起作用
箭頭函數的辨別3: 內部不能運用arguments
所以總結起來就是，只假如須要用到內部的this和arguments的狀況下，就不能運用箭頭函數，這是一個基本，以為上只需注重這個，這兩個可以隨意用，下面總結了一下
1. 不適合用箭頭函數的場景
1) 綁定事宜的回調中運用this去代表當前綁定的dom
let dom_test = documents.getElementById('test');
// 一般體式格局（準確）
dom_test.addEventListener('click', function(){
// 用到了this指向當前的dom_test的dom對象
console.log('當前點擊的按鈕id是：' + this.id); // '當前點擊的按鈕id是：test'
})
// 箭頭函數體式格局（毛病）
dom_test.addEventListener('click',()=>{
// 當前的this指向了箭頭函數定義位置的this，當前this指向window
console.log('當前點擊的按鈕id是：' + this.id); // '當前點擊的按鈕id是：undefined'
})
// 箭頭函數體式格局（修改）
dom_test.addEventListener('click',()=>{
// 防止這類this綁定到dom_test的運用場景，直接上變量
console.log('當前點擊的按鈕id是：' + dom_test.id); // '當前點擊的按鈕id是：test'
})
2) 定義組織器（工場要領）時箭頭函數不能運用
// 一般情勢（準確）
function Student(name, age, className){
this.name = name;
this.age = age;
this.className = className;
}
new Student('Yupin Tu', 18, 'female'); // Student {name: "Yupin Tu", age: 18, className: "female"}
// 毛病的箭頭函數
// 如許定義工場要領時運用new實行會報 ‘XXX is not a constructor’ 的毛病
let Student = (name, age, className)=>{
this.name = name;
this.age = age;
this.className = className;
}
new Student('Yupin Tu', 18, 'female'); // Uncaught TypeError: Student is not a constructor3) 定義對象的要領屬性時用到了this指向當前對象的時刻
// 一般體式格局（準確）
let obj = {
msg: 'this is a test',
showMsg(){
// 用到了this指向obj
console.log(this.msg);
}
}
obj.showMsg(); // 'this is a test'
// 箭頭函數（毛病）
let obj = {
msg: 'this is a test',
showMsg:()=>{
//this指向了window
console.log(this.msg);
}
}
obj.showMsg(); // undefined4) 運用arguments的場景
// 準確的
var getSum = function(){
const arr = [...arguments];
let sum = 0;
for(let val of arr){
sum += val
}
return sum
}
getSum(1,2,3); //6
// 毛病的
var getSum = ()=>{
const arr = [...arguments]; // 報錯：arguments is not defined
let sum = 0;
for(let val of arr){
sum += val
}
return sum
}
// 修改
var getSum = (...rest)=>{
const arr = [...rest]; // 報錯：arguments is not defined
let sum = 0;
for(let val of arr){
sum += val
}
return sum
}5）要應用到bind、apply、call的時刻
因為箭頭函數沒有this的狀況，所以bind、apply、call對其不起作用，假如一個要領定義出來須要用在這個場景下，那末不能運用箭頭函數（比方一個函數須要被舉行柯里化的操縱）
2. 適合用箭頭函數的場景
只需不涉及到this和arguments，箭頭函數就可以運用
箭頭函數的上風：
- 簡樸快速
- 可以應用其this的繼承性削減外層this的通報
以下是實用場景
1) 在 map、reduce、filter 的回調函數定義
let arr = [1,2,3]
arr.map((val)=>val+1); //[2,3,4]2) 馬上實行
((msg)=>{console.log(msg)})('this is a test'); //'this is a test'3) 須要通報外部this的狀況（閉包或許作用域內定義的函數）
// 不好的運用
let obj = {
msg: 'this is a test',
getShowMsgFn(){
let _this = this;
function showMsg(){
console.log(this.msg); //這時刻this是指向window的，所以返回了undefined
console.log(_this.msg); //這時刻須要對外部的this引用到閉包內，但是_this沒法開釋，形成內存溢出
}
return showMsg;
}
}
obj.getShowMsgFn()(); // undefined 'this is a test'
// 好的運用
let obj = {
msg: 'this is a test',
getShowMsgFn(){
let showMsg = ()=>{
console.log(this.msg); //這時刻this是指向外部的this，也就是obj
}
return showMsg;
}
}
obj.getShowMsgFn()(); // 'this is a test'二、運用let和const替代掉var
let和const指令針對於塊級作用域，基本上能替代掉var的變量聲明
1.let和const的運用上的辨別：
let是用來聲明會變化的變量的，而const是聲明“常量或許是不可變化的變量”
/**
* 因為const是塊級作用域
* 所以假如一個變量在這個塊裡邊聲明以後不再見舉行賦值操縱，應當運用cons
* @TODO 但這裡是不是須要悉数字母大寫？
*/
const GMSG = ‘this is basic’;
function(isChanged){
const staticMsg = 'this would be never changed';
let realtimeMsg = 'this is a test';
if(isChanged){
realtimeMsg = 'It's changed';
}
return GMSG + staticMsg + realtimeMsg;
}2. 替代var的時刻由須要注重：
1）let 和 const 不會舉行作用域內的提拔
let 和 const 聲明的變量不會像 var 聲明一樣提拔到作用域的最上邊，所以以下狀況請注重
起首看下沒題目的var：
// 沒題目的var體式格局，var聲明的test會提拔到最上邊
function getStr(name){
if(name){
test = name;
}
var test;
return test;
}
getStr('ZhangSan'); //'ZhangSan'
window.test; // undefined
// 以上代碼同即是
function getStr(name){
var test; // 被提拔到上邊來啦
if(name){
test = name;
}
return test;
}
看一下出題目的let，因為let不會提拔，所以
function getStr(name){
if(name){
// 非嚴厲形式下會在window上天生一個test屬性去舉行操縱
// 嚴厲形式直接報錯：test is not defined
test = name;
}
let test;
return test; // 此時返回的是當前let出來的test，是個undefined
}
getStr('ZhangSan'); //undefined
window.test; // 非嚴厲形式下為'ZhangSan' ，嚴厲形式下是undefined2）let在for輪迴中的定義
var用在輪迴中
let arr = [1,2,3];
for(var i = 0 ; i < arr.length ; i++){ console.log(i); } // 1 2 3
console.log(i); // 3
//-----------------等同於-----------------
let arr = [1,2,3];
var i;
for(i = 0 ; i < arr.length ; i++){ console.log(i); } // 1 2 3
console.log(i); // 所以這裏可以輸出 3
而let的狀況
let arr = [1,2,3];
for(let i = 0 ; i < arr.length ; i++){ console.log(i); } // 1 2 3
console.log(i); // undefined (?)
// -------------因為它不等同於-------------
let arr = [1,2,3];
let i;
for(i = 0 ; i < arr.length ; i++){ console.log(i); } // 1 2 3
console.log(i); // 此時 i存在 為 3
// ---------------而是等同於--------------
let arr = [1,2,3];
let _i; // 一個for輪迴的內部迭代變量，不能接見
for(_i = 0 ; _i < arr.length ; _i++){
let i = _i；
console.log(i);
} // 1 2 3
console.log(i); // 此時 i存在 為 3
後邊沒了，下邊的是一些人力面的總bao結yuan
/*===可有可無的末端start===*/
口試是最快的查漏補缺的體式格局。
但是因為本身的事情經驗主要在一家軟件公司，然後厥後的公司入職時候不長就又辭了，所以近來去互聯網公司受到了人資的盤詰，以為本身除了有點含羞表現還可以，所以也拿到了幾家的offer，然則也是受盡了互聯網公司人資的輕視（居然反問我之前軟件公司還須要加班么）
近來去了某互聯網媒體巨子某狐口試，閱歷了亘古未有的人力面，在她滿臉看不起我的在軟件公司幹了兩年的事情經驗中，我戰戰兢兢的回覆著她尋釁的題目，自稱互聯網人的她對我之前的公司重複的羞恥和蔑視，我也是不卑不亢（畢竟我只是去嘗嘗以為），在末了問我為何大四上半年就簽了事情，是不是是不敢去互聯網公司嘗嘗，照樣說大四下半年在忙着補考。然後我說把手機里的成績單給她看（哈哈，大學照樣有點小造詣的），她居然說我是有備而來，嗯，可以，大公司盛氣凌人吶
另有一些肉眼可見直插肺腑的地區輕視
這裏也總結一下我被問到的題目
- 任丘是哪的啊，你下次直接寫到滄州就好了
- 哦，我去過滄州，以為挺亂的
- 你從縣城來，怎樣沒有回家考公務員
- 你們軟件公司還加班？你們加班干什麼啊？
- 你們大學是華北電力大學在保定的分校么，是誰人三本么
- 你的妄想是什麼，我們公司都是有妄想的人，你沒妄想可不行
···
我家是河北滄州任丘，迥殊清潔，因為考不上公務員才被迫來北京餬口，我之前的軟件公司也很厲害，早就不是用JSP寫前端頁面了，加班是我酷愛我做的事情，我們大學是正正經經的重本大學，我上學那會兒保定的分不比北京低，我沒有妄想，因為我不是汪峰，人人都是在這個都市靠技術用飯，到處充溢優越感的人實在很自卑吧！
這篇文章過不了考核也無所謂了
/*===可有可無的末端end===*/
