浏览器窗口封装
function innerWh (){
return {
width:document.documentElement.clientWidth || document.body.clientWidth ||
window.innerWidth,
height:document.documentElement.clientHeight || document.body.clientHeight ||
window.innerHeight
}
}
滚动条移动尺寸封装
function scollTl() {
return{
top:document.documentElement.scrollTop || document.body.scrollTop,
left:document.documentElement.scrollLeft || document.body.scrollLeft
}
}
箭头函数
注意:函数中()表示调用,函数体内的{}表示是作用域。
let fn1 = () => {
console.log('箭头函数');
}
fn1();
let fn2 = () => console.log('箭头函数');
fn2();
let fn3 = a =>console.log(a);
fn3(11);
let fn4 = _=>console.log('没参数的箭头函数');
fn4();
this
函数内部的另一个对象,this相当于在调用时的作用域。this在不同环境下,不同作用下,表现的也不同,谁调用函数,this就指向谁。
- 全局作用下,this指向的是window。
- 函数独立调用时,函数内部的this也指向window。
- 被嵌套的函数独立调用时,this默认指向了window。
- IIFF自执行函数中内部的this也是指向window。
- 构造函数中的this,用于给类定义成员(属性和方法)。