成都數之聯科技前端題

1.舉例數組函數find的用法

該方法是ES6新增的

數組實例的find方法，用於找出第一個符合條件的數組成員。它的參數是一個回調函數，所有數組成員依次執行該回調函數，直到找出第一個返回值爲true的成員，然後返回該成員。如果沒有符合條件的成員，則返回undefined。

[1,4,-5,10].find(function(value,index,arr){
  return value>9;
})
//10

上面的代碼中，find方法的回調函數可以接受3個參數，依次爲當前的值、當前的位置和原數組。

數組實例的findIndex方法的用法與find方法類似，返回第一個符合條件的數組成員的位置，如果所有成員都不符合條件，則返回-1。

[1,5,10,15].findIndex(function(value,index,arr){
  return value>9;
})
//2

這兩個方法都可以接受第2個參數，用來綁定回調函數的this對象。

另外這兩個方法都可以發現NaN，彌補了數組的IndexOf方法的不足。

[NaN].indexOf(NaN)
// -1

[NaN].findIndex(y => Object.is(NaN,y))
//0

以上代碼中，indexOf方法無法識別數組成員NaN，但是findIndex方法可以藉助Object.is方法做到。

2.請舉例說明數組函數slice的用法

3.請舉例說明Object.assign()、Object.keys()的用法

Object.assign()屬於ES6的語法
Object.assign方法用來將源對象的所有可枚舉屬性複製到目標對象。它至少需要兩個對象作爲參數，第一個參數是目標對象，後面的參數都是源對象。只要有一個參數不是對象，就會拋出TypeError錯誤。

var target = {a:1};
var source1 = {b:2};
var source2 = {c:3};
Object.assign(target,source1,source2);
console.log(target);//{ a: 1, b: 2, c: 3 }

注意一：如果目標對象與源對象有同名屬性，或多個源對象有同名屬性，則後面的屬性會覆蓋前面的屬性。例子如下所示：

var target = {a:1,b:1};
var source1 = {b:2,c:2};
var source2 = {c:3};
Object.assign(target,source1,source2);
console.log(target);//{ a: 1, b: 2, c: 3 }

注意二：Object.assign只賦值自身屬性，不可枚舉的屬性和繼承的屬性不會被複制。例子如下所示：

Object.assign({b:'c'},
  Object.defineProperty({},'invisible',{
    enumerable:false,
    value:'hello'
  })
);
//{b:'c'}

上面的代碼中，Object.assign要複製的對象只有一個不可枚舉屬性invisible，這個屬性並沒有被複制進去。

4.指出下面代碼中的錯誤並給出改正方法

const str = 'hello js';
const chars = [];
for(const char in str){
  chars.push(char);
}
console.log(chars.join(','));

1.const用來聲明常量。一旦聲明，其值就不能改變。所以應將
const chars = [];改爲let chars = [];
2.for循環中變量char每一次循環都是一個新的變量，應該使用let聲明，使得當前的char 只能本輪循環有效。所以將const char in str改爲let char in str
3.for循環中char 表示的是字符串中單個字符索引，所以應將chars.push(char);改爲
chars.push(str[char]);
5.請使用Promise封裝下面的異步方法request,使之可以同步調用。

//request的用法如下
request(url,(response) => {
  console.log(response);
});

//請使用request實現同步方法requestSync(url)
//const response = await requestSync(url);

function requestSync(url) {

}

5.請談談你對前沿web技術(如ES6/7、Shdow DOM、CSS in JS 、WebGL、WebAssembly等)

2015年6月17日，ECMAScript 6發佈正式版本，即ECMAScript 2015。

6.哪種方式能改變作用域鏈

1.with
2.try catch
3.eval
while不能改變作用域鏈
7.DOM中怎麼創建,查找,添加,刪除,複製節點