您好,欢迎访问一九零五行业门户网

js指向问题

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指向问题 的详细内容。
其它类似信息

推荐信息