Js中级复习
- this js的关键字，
用途:指向某一个对象。
如何判断this指向
函数（方法）内
一种以函数的方式调用(不带.) this指向winodw
一种以方法的形式调用(函数名前面带.)this指向点前面的
函数（方法）外，this指向window
This指向的特列
- 自调用函数内的this都是window
- 定时器的this指向window
- 事件里面的this 指向触发事件的元素
- 构造函数里的this指向他的实例
- 怎样替换函数内的this
(1) Call()
(2) Apply
(3) Bind()
- fn.call(B,5) B取代了fn中的this并把fn调用了。
Call和apply，bind只能是函数(方法)或者函数对象的
var a=45;
var b={
a:12
}
var arr=[12,56]
function fn(){
console.log(this.a)
}
fn.call(b) call前面必须是函数对象，其他的不行
2.面向对象
1.单例模式
Var obj={}
2.工厂模式
function fn(){
Var obj={}
obj.name=”zhang”
return obj;
}
- 构造函数 三个特点 函数名首字母大写 函数的属性前面加this
函数调用用new 调用
function Person(name){
this.name=name
}
Var zhang=new Person(“zhang”)
1.每个构造函数天生自带一个prototype的属性，叫原型，他是一个对象，存放父类可继承的属性
2.函数内的属性是子对象天生就继承的，不需要任何操作
3.prototype上的属性是继承给子对象的，子对象必须通过__proto__（原型链）来查找
4.每个子对象都有一个__proto__,它指向父类的原型。
原型链:
子对象再操作一个属性时，首先看属性是私有的，有就直接用，没有就通过__proto__向子对象的父类查找，父类有就使用，没有就用父类的__proto__继续向上查找，知道基类Object，如果基类没有就是undefined
Object.prototype.sex="男男女女"
function Person(){
this.name="张三"
}
Person.prototype={
age:"456"
}
var zhang=new Person()
console.log(zhang.sex)
- 作用域和作用域链
浏览器客户端给js一个生存环境。
Js代码再执行之前，浏览器会给js一个生存环境就window。
他会分成两个模块，一个就内存，一个叫执行。内存模块在代码执行前就完成了，存放关键字var和function，每存放一个变量就会生成一个内存地址。
在执行模块 a=12; 先通过内存地址查找有没有a，有就直接赋值给a，没有就是undefined
赋值
- 基本数据类型 就直接赋值
- 引用数据类型 把内存地址赋给变量
var obj={
name:"zhangsan"
}
var person=obj;
person.name="lisi"
console.log(obj.name)
基本数据类型在赋值的时候就是简单的操作值
引用数据类型在赋值的时候，把内存地址赋值给变量，在操作引用数据类型的时候，首先通过内存地址去找到里面的东西，然后操作。
(引用数据类型在赋值的时候，首先开辟一个堆内存,存放里面的代码块，然后把内存地址赋值给变量。在操作这个变量时候会通过内存地址去查找，然后修改里面的东西)
引用数据类型 object array function 前两个都是以键值对的形式存放，而后一个以字符串的形式存放。
所以说try catch在不得已的情况下才去使用
课程
函数封装是一种函数的功能，它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来，对外只提供一个简单的函数接口。当程序员在写程序的过程中需要执行同样的操作时，程序员（调用者）不需要写同样的函数来调用，直接可以从函数库里面调用
Scroll
- 我们学习的client和offset scrollwidth和scrolleheight都是只读的属性
- Scrolltop和scrollleft是可读写的属性
Scroltop的最小值是0存在边界值 当他为0是回到容器的顶部
最大值是真实的高度-当前容器一屏幕的高度 scrollheight-clientheight