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)()