記一次百度的二面的面試題

時間 2019-12-06

原文原文鏈接

1.閉包加做用域問題

let test 
let a = ()=>{
	let n=99
	test = ()=>{
		n++;
	}
	let a1 = ()=>{
		console.log(n)
	}
	return a1
}
let a1 = a()
let a2 = a()

test()
a1()
a2()
複製代碼

打印結果是99 100html

函數聲明瞭兩次，有一次覆蓋，最後的覆蓋了前面的，要是隻聲明一遍，那麼a1()打印的就是100node

2.做用域問題

let a = 1
function add(a){
 return a = a + 1
}
console.log(a)
add(a)
console.log(a)
function add(a){
 return a = a + 4
}
add(a)
console.log(a)
複製代碼

打印 1 1 1git

反直覺自帶坑的題github

3.找鼠標最近的a標籤

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id='wrap'>
		<a href="">連接1</a>
		<br>
		最美的不是下雨天是你
		<a href="">連接2</a>
		<br>
		最美的不是
		<a href="">連接3</a>
		<br>
		最美的不是下雨
		<a href="">連接4</a>
		最美的不是下雨天
		<a href="">連接5</a>
		<br>
		最美的不是下雨天是你
		<a href="">連接6</a>
	</div>
	<script>
		window.onload=function(){ 
		  let oa = document.getElementsByTagName("a"); 
		  let arr = []
		  oa = Array.from(oa)
		  oa.forEach(function(element, index) {
		  	arr.push([element.offsetLeft,element.offsetTop])
		  });
		  window.addEventListener('mousemove',(e)=>{
			let LEN =[]
			arr.forEach( function(element, index) {
				let len = Math.pow(Math.pow(Math.abs(e.clientX-element[0]),2)+Math.pow(Math.abs(e.clientY-element[1]),2),0.5).toFixed(3)
				LEN.push(len)
			});
			let c = Math.min(...LEN)
			let key = LEN.indexOf(c.toString())
			for(let i=0;i<oa.length;i++){
				oa[i].style.color = "#999"
			}
			if(oa[key]){
				oa[key].style.color = "red"
			}
		  })
		} 
		// 最後來個防抖節流完美
	</script>
</body>
</html>
複製代碼