首页 > 代码库 > javascript之this
javascript之this
全局作用域的this
this == window //true
this.a = 8
window.a //8
一般函数的this
function thisTest(){
return this;
}
thisTest() === window //true
function thisTest(){
‘use strict‘
return this;
}
thisTest() === undefined //true
作为对象方法的函数中的this
var o = { x:1, y:2, f:function(){ return this.x } } o.f() //x 做为对象方法函数中this,指向的是这个对象
对象原型链的上this
var o = {f:function(){retrn this.a+this.b}}
var obj = Object.create(o)
obj.a = 90;
obj.b = 10;
obj.f() //100 原型链上的this,指向obj
构造器中的this
function fuc(){
this.a = 37;
}
var f = new fuc();
f.a //37
function func(){ this.a = 65; return 1; } var func = new func(); func.a //65
function funct(){
this.a = 65;
return {x:1};
}
var funct = new funct();
funct.x //1
// 通过new构造器创建对象时
// 1 没有return 或者 return时基本类型的时候。返回this. (this的原型指向this所在的函数)
// 2 返回的是对象类型,会将return的对象作为返回值
call/apply方法与this
function add(c){
return this.a+this.b+c
}
var o = {a:2,b:4}
add.call(o,4) //10 call第一个参数传入要作为this的对象,后面参数传入函数参数列表中的参数,并以逗号隔开
function add1(c){
return this.a+this.b+c
}
var o1 = {a:2,b:4}
add1.apply(o,[4]) //10 apply第一个参数传入要作为this的对象,后面参数传入函数参数列表中的参数,作为数组传入
function fuc(x,y){
console.info(x,y,this)
}
fuc.call(1,7,6); //7 6 Number
fuc.call(null); //undefined undefined Window
fuc.apply(null); //undefined undefined Window
fuc.call(undefined); //undefined undefined Window
fuc.apply(undefined); //undefined undefined Window 在一般模式下,call,apply传入null,undefined指向的window
bind方法与this
function z (){
return this.a
};
var g = z.bind({a:"89"});
g() //"89"
var o = {a:4,f:z,g:g};
o.f() //4 函数作为对象方法,this指向o对象,所有 o.f()为4
o.g() // "89" bind方法绑定了z()中this的指向为{a:"89"}
javascript之this
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。