es6 this指向

【es6 this指向】的更多相关文章

ES5与ES6 this 指向详细解析（箭头函数）

首先要明白箭头函数的作用: 箭头函数除了让函数的书写变得很简洁,可读性很好外:最大的优点是解决了this执行环境所造成的一些问题.比如:解决了匿名函数this指向的问题(匿名函数的执行环境具有全局性),包括setTimeout和setInterval中使用this所造成的问题. 平时我们常见的window属性和方法有alter,document,parseInt,setTimeout,setInterval,localtion等等,这些在默认的情况下是省略了window前缀的.(window.a…

在非箭头函数中,谁调用的函数,this指向就是谁: var obj={ fn:function(){ console.log(this); } } obj.fn();//object 如果this出现在全局函数中,指向则是window: var obj={ fn:function(){ setTimeout(function(){ console.log(this); }); } } obj.fn();//window 而如果使用箭头函数,则类似于就近原则,如果有嵌套则绑定到最近的一层对象上,如…

ES6 模块与 CommonJS 模块的差异

ES6 模块与 CommonJS 模块完全不同.它们有两个重大差异 CommonJS 输出是值的拷贝,即原来模块中的值改变不会影响已经加载的该值,ES6静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模块中的值改变则该加载的值也改变. CommonJS 模块是运行时加载,ES6 模块是编译时输出接口. CommonJS 加载的是整个模块,即将所有的接口全部加载进来,ES6 可以单独加载其中的某个接口(方法), CommonJS this 指向当前模块,ES6 this 指向und…

ES5和ES6作用域

ES5和ES6作用域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ES5和ES6的区别</title> </head> <body> <script type="text/javascript"> //ES5 中作用域, const callba…

js 函数的this指向

一. 1.es5: 函数里的this指向分两种,一种正常函数调用指向被调用的对象,比如: test=()=>{ console.log(this) }; test();//是当前window调用,所以this指向window. 在事件调用里.this指向为当前调用时间的dom元素. //es5 this指向调用时间的dom元素 btn.onclick=function () { console.log(this) } 2.es6: es6 如上情况this指向为window. let btn=…

typeScript中的函数

// 函数的定义 //es5定义函数的方法 /* //函数声明法 function run(){ return 'run'; } //匿名函数 var run2=function(){ return 'run2'; } */ //ts中定义函数的方法 //函数声明法 // function run():string{ // return 'run'; // } //错误写法 // function run():string{ // return 123; // } //匿名函数 // var f…

关于ES6 用箭头函数后的 this 指向问题

最近写完小程序后, 开始学习React, 因为有编译器, 就直接用ES6 新语法了, 中间自然离不开 () => { console.log('箭头函数的this是指向哪的问题')}; var obj2 = { id: 2333, test: () => console.log(this) } obj2.test();//window obj2.test.call(obj2);//window 那么我要这里 test函数的this 指向 obj2 是要怎么做呢来分析下上面代码, 转换成 E…

前端项目中常用es6知识总结 -- 箭头函数及this指向、尾调用优化

项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2.箭头函数及this指向 3.promise. 4.async await语法 4.模块化 module export和import 5.解构赋值.字符串模板 …… 箭头函数顾名思义用箭头 “ => ” 定义函数 //es5的函数 var fn = function(num) { return n…

es6箭头函数 this 指向问题

es5中 this 的指向 var factory = function(){ this.a = 'a'; this.b = 'b'; this.c = { a:'a+', b:function(){return this.a} } }; console.log(new factory().c.b()); // a+ 通过es5的语法调用,返回的是 a+ ,this 的指向是该函数被调用的对象,也就是说函数被调用的时候,这个 this 指向的是谁,哪个对象调用的这个函数,这个 this 就是谁.…

进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题

首先复习下普通函数里的this指向: function test(){ console.log(this) } test() 你会秒杀的毫无疑问的回答:window,针对普通函数:谁调用了函数函数里的this就指向谁,test()等价于window.test(),所以是window var name="outername" var o={ name:"innername", getname:function(){ console.log(this.name) }…