JavaScript中的this关键词指向实例分析
这篇文章主要讲解了“JavaScript中的this关键词指向实例分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript中的this关键词指向实例分析”吧！
1、es5中的this的指向
this是JavaScript的一个关键字，他是函数执行过程中，自动生成的一个内部对象，指当前的对象，只在当前函数内部使用。在
es5中this的指向取决于函数运行时的环境。没有直接挂载者(或称调用者)的函数中
this，非严格模式下指向window，在use strict严格模式下，默认为undefined。以下都是在非严格模式下讨论
var name = 'hello window!';
var obj = {
name: 'hello obj!',
fn: function() {
console.log(this.name);
}
};
var fn = obj.fn;
fn(); // hello window!
obj.fn(); // hello obj!obj.fn()在执行时，fn中的this指向的是当前的调用对象obj。fn()执行时，this指向的是window对象。
var fn = obj.fn; // 等价于 window.fn = obj.fn; fn(); // 等价于 window.fn();
匿名函数的执行环境是全局的
var name = 'hello window!';
var obj = {
name: 'hello obj!',
fn: function() {
console.log(this.name); // 'hello obj!'
return function() {
console.log(this.name); // 'hello window!'
};
}
};
obj.fn()();2、es6中的this
es6箭头函数的特点
箭头函数没有自己的
this函数体内的
this对象，就是定义时所在的对象，而不是使用时所在的对象，即外层代码的this引用。不可以当作构造函数，也就是说，不可以使用
new命令，否则会抛出一个错误。没有
arguments对象。如果要用，可以用Rest参数代替。不可以使用
yield命令，因此箭头函数不能用作Generator函数
示例说明，修改上述示例代码中的函数为箭头函数：
// 示例代码1
var name = 'hello window!';
var obj = {
name: 'hello obj!',
fn: () => {
console.log(this.name); // 这里的this指向的外层的this,即window对象，想当于上打印的是console.log(window.name);
}
};
var fn = obj.fn;
fn(); // hello window!
obj.fn(); // hello window!
// 示例代码2
var name = 'hello window!';
var obj = {
name: 'hello obj!',
fn: function() {
console.log(this.name); // hello obj!
return () => {
console.log(this.name); // hello obj! // this指向外层的this，即obj对象
};
}
};
obj.fn()();感谢各位的阅读，以上就是“JavaScript中的this关键词指向实例分析”的内容了，经过本文的学习后，相信大家对JavaScript中的this关键词指向实例分析这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是蜗牛博客，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
版权声明：如无特殊标注，文章均为本站原创，转载时请以链接形式注明文章出处。
评论