Js基础

prototype（原型对象）

为对象添加属性

**proto **: 指向创建它的构造函数的原型对象

function Person() {
   
}
//添加属性 
Person.prototype.sayhello = function(){
  alert('hello');
}
var p = new Person()
//指向构造函数
p.__proto__ //Person

//实现一个instanceof
//核心就是判断左边的原型对象是否在右边的原型链上
var instanceof = function(left,right){
  let leftValue = left.__proto__;
  let rightValue = right.protoType;
  while(true){
    if(leftValue == null){
      return false;
    }
    if(leftValue === rightValue)
        return ture;
  }
  leftValue = left.__proto__
}

---

闭包跟作用域

全局作用域：在函数外或者大括号外面定义变量，全局可使用

函数作用域：只在函数内部定义以及使用

块作用域：在一个括号内定义和使用

函数提升：声明函数时会将声明的函数提升至调用前

//全局作用域`
const hello ='你好'
function sayhello(){
console.log(hello);    
}
sayhello()//你好`
conlose.log(hello)//你好`
//函数作用域
function sayhello(){
   const hello ='你好'
   console.log(hello);//你好
}
console.log(hello)//undefined
//块作用域
{
  const hello ='你好'
  console.log(hello);//你好
}
console.log(hello)//undefined
//函数提升
sayhello();//你好
function sayhello(){
  console.log('你好')
}
sayhello();//undefined
const sayhello=function(){
  conlose.log('你好')
}

this

1、在对象方法中， this 指向调用它所在方法的对象。
2、单独使用 this，它指向全局(Global)对象。
3、函数使用中，this 指向函数的所属者。
4、严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。
5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
6、apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。

call、apply、bind三者的用法和区别

三者都是用来对this的重定向

call、apply都是直接执行

bind 返回的是一个函数，必须调用它

call、bind的第二个第n个参数是用逗号分开

apply的参数必须用数组包裹

var name ='小王',age = 17
var obj ={
  name:'小张',
  objAge:this.age,
  myFun(){
    conlose.log(this.name+"年龄"+this.age)
  }
}
var db ={
  name:'德玛',
  age:99
}
obj.myFun.call(db) //德玛年龄99
obj.myFun.apply(db)
obj.myFun.bind(db)()