简洁的语法箭头函数的基本语法如下：(param1, param2, …, paramN) => { statements }(param1, param2, …, paramN) => expression// 等价于: (param1, param2, …, paramN) => { return expression; }// 只有一个参数时，圆括号可以省略:(singleParam) => { statements }singleParam => { ...
AI代码解释 constobj={name:'Alice',sayHi:()=>console.log(`Hello,${this.name}`)// this指向全局对象或undefined(严格模式)};// 应该使用普通函数或显式绑定thissayHi:function(){console.log(`Hello,${this.name}`);} 没有自己的arguments:箭头函数没有自己的arguments对象,使用剩余参数(...args)替代。
如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习。 ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 更简洁的语法 我们先来按常规语法定义函数: function(x) {returnx *x; } 该函数使用箭头函数可以使用仅仅一行代码搞定! x => x * x 箭头函数相当于匿名函数,并且简化了函数定义。
2)基本语法:(param1, param2, …, paramN) => { statements }。 varfunc = demo => 'anxhit';//var func = function(demo){return'anxhit'; } 3)如果箭头函数不需要参数或需要多个参数,使用一个圆括号代表参数部分。 varfunc = demo => 'anxhit';//equivalent to:varfunc =function(){return'an...
alert('你的浏览器支持ES6的Arrow Function!'); Run 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return: ...
function Foo(){ return {a:1}} var fooInstance = new Foo(1,2) fooInstance instanceof Foo //false,注意不是true,fooInstance不是Foo的实例 Object.create(Foo.prototype) instanceof Foo //true //只要Foo.prototype存在且是对象,那么Object.create(Foo.prototype)永远是Foo的一个实例 ...
就像上面讲的arrow function没有自身的this,当用call()或apply() 调用箭头函数时无法改变函数主体内的this。 示例: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 // 普通函数varsayHello=function(userName){console.log('hi '+userName);console.log(this);};sayHello.call({x:1},'polk');// => ...
doSomething:function(type){ console.log("Handling"+type+"event"); } }; Widget.init(); 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 方法二:这种方法是我们最常用的方法,我们在B区域声明了that变量,并将其this赋值,确保c区域this的指向至Widget对象: ...
doSomething: function(type) { console.log("Handling " + type + " for " + this.id); } }; 在这段代码中,本意是想让PageHandler的init()方法用于构建交互作用,并在点击事件处理函数中调用this.doSomething()。但是代码并未按设计初衷来执行,运行时this指向了全局对象而不是PageHandler,从而造成this.doSo...
1functionfoo() {2varf = (...args) => args[0];3returnf(2);4}56foo(1);//2 语法示例 1. 具有一个参数的简单函数 1 2 varsingle = a => a single('hello, world')// 'hello, world' 2. 没有参数的需要用在箭头前加上小括号 ...