匿名函数、普通函数、箭头函数作用域

匿名函数

/***************************************
* 匿名函数的this指向具有全局性
* 当this在函数内找不到时，会去全局查找
/***************************************/
name = "duck_99"
var duck1 = {name: "duck_11",funcA: function(){return function(){console.log(this.name);}}
}
var duck2 = {name: "duck_22",funcA(){                 //函数名与变量相同的时候简写return function(){console.log(this.name);}}
}
duck1.funcA()();      //打印：duck_99
duck2.funcA()();      //打印：duck_99
console.log("-------------------------------")

普通函数

/***************************************
*普通函数的this指向当前定义的函数内部，
*但是当函数被其他对象调用时this指向调用者的内部
/***************************************/
name = "oooooooooo";
var dog = {name: "小黑",funcA: function(){var name = "haha";console.log(this.name);}
}
dog.funcA();     //函数内的this指向调用者obj本身,这里打印：小黑
var funcB = dog.funcA;
funcB();     //函数内的this指向全局变量func调用者本身：打印：oooooooooo
console.log("-------------------------------")

箭头函数

/***************************************
* 箭头函数的this定义：
* 箭头函数的this是在定义函数时绑定的，不是在执行过程中绑定的。
* 简单的说，函数在定义时，this就继承了定义函数的对象。
/***************************************/
var person = {name: "小明",age: 23,funcA: function(){var name = "momo";funcB = ()=>{console.log(this.name);     //打印：小明}funcB();console.log(this.name);     // 打印小明}
}
person.funcA();
console.log("-------------------------------")

匿名函数、普通函数、箭头函数作用域相关推荐

android 箭头函数,浅谈箭头函数
ES6新引入了箭头函数,它是一种表达简洁的函数,下面我们来看看它有哪三个显著优势. 假设定义了一个名为names的数组,如下: 现在需要给数组的每一项后面添加'Bos'这个字符串,如果用传统的函数语句 ...
JS学习笔记（五）函数类型、箭头函数、arguments参数、标签函数
JS学习笔记(五) 本系列更多文章,可以查看专栏 JS学习笔记文章目录 JS学习笔记(五) 一.函数 1. 函数定义 2. 方法( 对象 + 函数 ) 二.函数参数及返回值 1. 传递原始类型参数 ...
第十节（补课）：函数的扩展 — 箭头函数的this使用
有2位童鞋在第十节留言说,关于箭头函数的this的使用有必要介绍一下. 在这里,前端君对2位同学表示感谢,相信很多初学者也一样会感谢你们的提醒. 那么,接下来我们就学习一下,究竟这个箭头函数的this ...
箭头函数写法_箭头函数
1.箭头函数介绍 //ES6 let fn=v=>v; console.log(fn("好酷的箭头函数!"));//好酷的箭头函数! //ES5 let fn=functio ...
react 绑定箭头函数_为什么箭头函数和React渲染中的绑定有问题
react 绑定箭头函数 (提示:这会使shouldComponentUpdate和PureComponent变得胡思乱想) ((Hint: It makes shouldComponentUpda ...
JS箭头函数用户和箭头函数转成普通函数处理方法
1 箭头函数箭头函数是ES6出现的新的函数形式即,使用ES6箭头函数语法定义函数,将原函数的"function"关键字和函数名都删掉,并使用"=>"连 ...
【JavaScript 笔记】— 函数高级（变量作用域、解构赋值、方法、高阶函数、闭包、箭头函数、generator）
JavaScript个人笔记变量作用域变量提升全局对象 windows 命名空间局部作用域常量解构赋值使用场景方法 apply 装饰器高阶函数(Array) map reduce m ...
匿名函数（Lambda表达式）与箭头函数
"Lambda 表达式"(lambda expression)是匿名函数的别称. 在ES6中,允许使用箭头=>定义匿名函数. var f = v => v; 上面的箭头 ...
箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？
箭头函数的使用和一些特性 JS中的箭头函数用=>来标识.箭头函数有两个主要的优点: 更简短的函数: 更直观的作用域和this的绑定(不绑定this) 因为这些优点,箭头函数比起其他形式的函数声明 ...
JavaScript箭头函数（Arrow Function）
2019独角兽企业重金招聘Python工程师标准>>> ES6标准新增了一种新的函数:Arrow Function(箭头函数). 更简洁的语法我们先来按常规语法定义函数: func ...

匿名函数、普通函数、箭头函数作用域

匿名函数

普通函数

箭头函数

匿名函数、普通函数、箭头函数作用域相关推荐

最新文章

热门文章