this的指向:
json和原型链是一样的。
看了很多文章都说的比较复杂。
this指向调用对象。
直接贴代码吧。
var x = {
test:function(){
console.log(this);
};
};
x.test()//x{...};
var n = x.test();
n();//window
第一次是x调用,所以console.log的是x,第二次相当于是window.n(),也就是window调用,所以显示的是window。
可能我理解得比较浅,我觉得this就是包含‘this’得那个函数的'.'前面的对象。至于apply和call会有些变化,我下面粗略说下。
apply和call的区别就在于,apply是(对象,[参数集合]),call是(对象,参数,参数,参数,参数,参数...),其他的我暂时还不清楚。先贴个代码。
function ed(){
this.age = ed;
};
function ing(){
this.age = 2;
this.sex = 0;
this.showage = function(){
console.log(this.age);
console.log(this.sex);
}
};
var edobj = new ed();
var ingobj = new ing();
ingobj.showage.apply(edobj);//2,undefined
这说白了,就好比一个程序员换了台电脑进行开发,除了处理数据的逻辑在自己的脑子里,其他的环境变量都得用人家的。apply前面的方法是这个程序员的思维,()里面的方法就是新电脑。至于后面的参数...就是方法所需要的参数,这个可以自己随便传。
2.箭头函数指向: 箭头函数名字都没有一个,根本没法被喊着名字去调用,所以this永久指向window.
3.变量指向:这个我觉得涉及到内存指针的问题。但是很好理解,就是常量占内存,变量往上凑。好比2+个小孩玩游戏一样,只要你别换地也别去和其他人玩,你的就是我的,我的也是你的。这个内存就好比小孩游戏的场地,小孩拥有的玩具就是他们的属性(这些小孩都比较大方)。
先举个三个例子:
var xarr = [];
var xjson = {};
(()=>{
let yarr = xarr,
yjson = xjson;
yarr.push(1);
yjson.age = 1;
})();//这里说明即便是块级变量也是可以一起参与玩耍的,屋里玩耍的孩子玩具一样可以被其他小孩在屋外展示。
console.log(xarr);//[1];
console.log(xjson);//{age: 1}
因为y一直没有去找其他人玩(怎么找别人玩看例子3),所以y的玩具就是x的玩具。
var x = 0,
a = 2.
b = 3,
y = x;
console.log(y);//0
y = a+b;
console.log(x);//0
console.log(y);//5
因为y换了个地方玩(自己开了一个内存去指向),所以x拿不到y的玩具。
var x = {},
a = {},
y = x,
z = y,
y = a;
y.age = 1;
console.log(x);//{}
console.log(y);//{age:1}
console.log(z);//{}
console.log(a);//{age:1}
z.age = 2;
console.log(x);//{age:2}
这可能就是一个从此相逢是路人的故事...
1.this的指向:
json和原型链是一样的。
看了很多文章都说的比较复杂。
this指向调用对象。
直接贴代码吧。
var x = {
test:function(){
console.log(this);
};
};
x.test()//x{...};
var n = x.test();
n();//window
第一次是x调用,所以console.log的是x,第二次相当于是window.n(),也就是window调用,所以显示的是window。
可能我理解得比较浅,我觉得this就是包含‘this’得那个函数的'.'前面的对象。至于apply和call会有些变化,我下面粗略说下。
apply和call的区别就在于,apply是(对象,[参数集合]),call是(对象,参数,参数,参数,参数,参数...),其他的我暂时还不清楚。先贴个代码。
function ed(){
this.age = ed;
};
function ing(){
this.age = 2;
this.sex = 0;
this.showage = function(){
console.log(this.age);
console.log(this.sex);
}
};
var edobj = new ed();
var ingobj = new ing();
ingobj.showage.apply(edobj);//2,undefined
这说白了,就好比一个程序员换了台电脑进行开发,除了处理数据的逻辑在自己的脑子里,其他的环境变量都得用人家的。apply前面的方法是这个程序员的思维,()里面的方法就是新电脑。至于后面的参数...就是方法所需要的参数,这个可以自己随便传。
2.箭头函数指向: 箭头函数名字都没有一个,根本没法被喊着名字去调用,所以this永久指向window.
3.变量指向:这个我觉得涉及到内存指针的问题。但是很好理解,就是常量占内存,变量往上凑。好比2+个小孩玩游戏一样,只要你别换地也别去和其他人玩,你的就是我的,我的也是你的。这个内存就好比小孩游戏的场地,小孩拥有的玩具就是他们的属性(这些小孩都比较大方)。
先举个三个例子:
var xarr = [];
var xjson = {};
(()=>{
let yarr = xarr,
yjson = xjson;
yarr.push(1);
yjson.age = 1;
})();//这里说明即便是块级变量也是可以一起参与玩耍的,屋里玩耍的孩子玩具一样可以被其他小孩在屋外展示。
console.log(xarr);//[1];
console.log(xjson);//{age: 1}
因为y一直没有去找其他人玩(怎么找别人玩看例子3),所以y的玩具就是x的玩具。
var x = 0,
a = 2.
b = 3,
y = x;
console.log(y);//0
y = a+b;
console.log(x);//0
console.log(y);//5
因为y换了个地方玩(自己开了一个内存去指向),所以x拿不到y的玩具。
var x = {},
a = {},
y = x,
z = y,
y = a;
y.age = 1;
console.log(x);//{}
console.log(y);//{age:1}
console.log(z);//{}
console.log(a);//{age:1}
z.age = 2;
console.log(x);//{age:2}
相关推荐:
javascript 中的 this 全面解析
js中的this如何使用
javascript中this规则的简单介绍
以上就是js指向问题 的详细内容。