首先复习下普通函数里的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) }

ECMAScript 6新增了箭头函数 原来的匿名函数 function(){},现在可以简化成()=>{} 看起来高大上,像C#什么的语法. 但是箭头函数的this对象,不能更改,总是指向函数定义生效时所在的对象. 如果用在jQuery的事件处理,就会导致this指向意想不到的元素,比如全局的window

原文来自我的前端博客: http://www.hacke2.cn/arrow-functions-and-their-scope/ 在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在! 执行环境 你可以自己去学习和尝试下, 你可以简单的把示例程序代码复制到你的浏览器控制

原文来自我的前端博客: http://www.hacke2.cn/arrow-functions-and-their-scope/ http://es6rocks.com/2014/10/arrow-functions-and-their-scope/ 原文链接 译:@liningone 摇滚ES6中国站快要上线了,大家期待吧,也能够联系我或者ES6组织为这个活动做出点贡献! 在ES6非常多非常棒的新特性中, 箭头函数 (或者大箭头函数)就是当中值得关注的一个! 它不不过非常棒非常酷, 它非常好

[原创] 码路工人 大家好,这里是码路工人有力量,我是码路工人,你们是力量. 如果没用过CSharp的lambda 表达式,也没有了解过ES6,那第一眼看到这样代码什么感觉? /* eg.0 * function definition */ var arr = [1,2,3,5,8,13,21] arr.forEach(n => console.log(n)) 数组的forEach 方法里需要传入一个函数(没用过 CSharp 里委托 delegate 的也许会觉得奇怪,js 里参数竟然可以是一

一 常用Git命令 git clone:(区分SSH or HTTP) git init:初始化仓库 二 Git命令详解 Git Bash下,cd /c git clone,从远程Git版本库克隆一份到本地. git init,初始化操作,Git就会对该目录下的文件进行版本控制. git status, 参看当前状态. git log,查看版本提交日志. git remote -v,查看远程仓库. git branch,查看本地分支. git remote add http://git.caim

我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面.当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行.但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包!   最初自己做的时候就是这种直接引入封装的JS文件里,可以参考:https://github.com/saucxs/watermark   一.准备工作 1.将npm包的镜像换成  https://www.npmjs.com/ npm con

我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面.当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行.但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包!   最初自己做的时候就是这种直接引入封装的JS文件里,可以参考:https://github.com/saucxs/watermark   一.准备工作 1.将npm包的镜像换成  https://www.npmjs.com/ npm con

微信开发基本原理: 1.首先有3个对象 分别是微信用户端 微信公众平台服务器 开发者服务器(也就是放自己代码的服务器) 三者间互相交互 2.微信公众平台服务器 充当中间者角色 (以被动回复消息为例) 接收用户消息:用户发送消息给微信公众平台服务器 平台接收消息后会调用开发者服务器提供的交互URL接口 开发这服务器收到这条消息内容的xml 回复用户消息:开发者服务器编写好回复内容的xml  通过交互的URL接口自动反馈给微信公众平台服务器 平台接收到消息在显示给微信用户 综上所述,所以我们要配置这

我比较笨,只看用await asyncio.sleep(x)实现的例子,看再多,也还是不会. 已经在unity3d里用过coroutine了,也知道是“你执行一下,主动让出权限:我执行一下,主动让出权限”,但还是觉得迷迷糊糊,不清不楚的. 1起因:简单的分析模型世界 序列图里箭头一指,就表示消息和责任转移关系了. 静态数据+责任封装用类图,里的 方法,就表示 责任(消息+实现): 单个类的动态过程用 状态图, event-action 就够了. 都没有异步/同步   message/callba

常常在github上看到一些好用的框架,但是对于一个新手怎样在android studio上导入去总会遇到各种麻烦,索性来研究下第三方类库怎样在android studio上导入. 以我在github上看到的一个简单的具有水面波动效果的TextViewUI控件为例,github地址:https://github.com/RomainPiel/Tianic.首先使用Git工具将其clone下来或下载其zip文件并解压. 在android studio中新建项目GithubSample,androi

1 项目中怎样添加elment-ui 和 echart.js 1.1直接在packjson 里面的 dependencies 配置 "element-ui": "^1.3.3", "echarts": "^3.5.3", 然后在npm install. 或者直接npm install element-ui --save.我如果直接npm install echart.js --save会报错.不晓得什么原因.有会用的大牛麻烦告

先来看代码: var obj1={ id:4, fn:function(){ var f=() => { console.log(this); //object,f()定义在obj1对象中,this就指向obj1,这就是箭头函数this指向的关键 setTimeout(function() { console.log(this);//window,非箭头函数的情况下还是要看宿主对象是谁,如果没有被对象调用,函数体中的this就绑定的window上 }); } f(); } } obj1.fn()

最近在看 redux 的源码,代码结构很简单,主要就是6个文件,其中 index.js 负责将剩余5个文件中定义的方法 export 出来,其他5个文件各自负责一个方法的实现. 大部分代码比较简单,很容易看懂,但是在 applyMiddleware.js 中 有一个地方很有意思,用到了柯里化和箭头函数的组合.在增强 store,丰富 dispath 方法的时候,可能会用到多个 中间件,所以这个柯里化的嵌套可能会很深,导致对 箭头函数和柯里化 不是很熟悉的童鞋,一看源码就会有些理不清调用思路. 一

不多说,直接上干货! 问题详情 ubuntu系统里vi编辑器时,按方向箭头输入是乱码的ABCD字母?  解决办法 是由于预装的vim软件没更新,运行   sudo apt-get install vim    安装最新的即可解决! spark@slave1:~$ sudo apt-get install vim Reading package lists... Done Building dependency tree Reading state information... Done The

this 普通函数的this 普通函数的this是由动态作用域决定,它总指向于它的直接调用者.具体可以分为以下四项: this总是指向它的直接调用者, 例如 obj.func() ,那么func()里的this指的是obj. 在默认情况(非严格模式,未使用 'use strict'),如果函数没有直接调用者,this为window 在严格模式下,如果函数没有直接调者,this为undefined 使用call,apply,bind绑定的,this指的是绑定的对象 箭头函数的this 箭头函数是没

如果学过类似C#这样的语言,然后定义两个类class Mu{}和class Ku{},那么显然typeof Mu != typeof Ku的,但是在js里则不是这样,对于Mu和Ku的对象进行typeof后它们输出都是object,而对typeof Mu这个类名则输出function,即类名其实是一个函数类型,所以可以这样调用Mu(),也可以new Mu(),这个和es5倒是一致的: 如果直接输出Mu则得到function Mu()这样一个字符串: 综上,js的typeof不能很好的支持判断自定义

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

前言:第一次看到多个连续箭头函数是在一个 react 项目中,然鹅确认了下眼神,并不是对的人,因为看得一脸懵逼.em......于是开始各种搜索,先是知道了多个连续箭头函数就是 es6 的多次柯里化的写法,对于函数柯里化,很久以前就知道这个名次,但是并不理解,也没有去了解.为了弄明白多个连续箭头函数,开始了简化之路. 首先看到了这样的一个例子: let add = a => b => a + b 以上是一个很简单的相加函数,把它转化成 ES5 的写法如下: let add = function

本系列教程概述与目录:http://www.cnblogs.com/chengyujia/p/5787111.html本系列教程项目源码GitHub地址:https://github.com/jackchengyujia/HappySnake 一.本文概述 在上篇教程中,我们画了4个背景三角形,并且实现了点击变色的按钮效果.在本篇教程中,我们将在这4个三角形上分别绘制表示方向的箭头,并且让箭头也有点击变色的效果.我们先看一下运行效果,有一个直观的了解,然后再从代码的角度分析和讲解. 二.运行效果