没想到是一直在看输出题,以这种形式拷打八股。在此总结。
类型判断
instanceOf:查找原型链
123 instanceOf Number // false
new Number(123) instanceOf Number // true
Number(123) instanceOf Number // false
作用域
Js采用词法作用域:在创建时就确定好了作用域,而不是根据执行上下文来查找。
var a = 200
function invoke(fn) {
var a = 100
fn()
}
function fn() {
console.log(a)
}
invoke(fn) // 200
这里fn在声明时就确定好了作用域,在全局作用域下找到a=200.
<body>
<div id="father">
<a id="son1"></a>
<a id="son2"></a>
</div>
<script>
const father = document.getElementById('father')
for (let i = 1; i < 3; i++) {
const biaoqian = document.getElementById(`son${i}`)
biaoqian.innerHTML = `son${i}`
biaoqian.onclick = () => {
alert(i)
}
}
</script>
</body>
用let声明:i存在于块级作用域,点击回调中引用于是构成闭包,点击son1:1,点击son2:2.
用var声明i:i为外层作用域,循环结束后自增到3,所以onclick的时候都是alert3.
Object
object属性的键只能是字符串或者symbol类型,不是两者之一的类型的变量做键会发生隐式转换。
const obj = {}, a = '123', b = 123
obj[a] = 'a'
obj[b] = 'b'
console.log(obj[a]) // b
const obj = {}, a = {key: '123'}, b = {key:'456'}
obj[a] = 'a'
obj[b] = 'b'
console.log(obj[a]) // b
a和b不是string类型,会沿着原型链找toString方法,最后返回的都是‘[object Object]’。