coffeescript的上下文
可以看到,在普通函数里,虽然使用了 this.name,但此this指的是_getName自己,非彼user = new User('leftfist')那个user,故而拿不到name,空空焉。
发布日期:2021-06-30 17:22:28
浏览次数:3
分类:技术文章
本文共 1135 字,大约阅读时间需要 3 分钟。
CoffeeScript代码中,变量,甚至函数前面有时会带上一个@符号,那么翻译到 javascript里,就是 “this.”
这就涉及到运行过程中的上下文。
这个this指什么,网上有专门的文章介绍。按我目前的理解,并不完全等同于面向对象语言里的this,是要区分情况:
1、如果它位于普通函数内部,那么这个this是指这个函数,或表明它的作用域,仅限于这个函数内部
2、如果所在函数属于 prototype,那么这个this就与运行中的上下文有关。
以下代码,可以仔细参详、比较一下:
CoffeeScript:
class User name:'unknown' constructor : (name) -> @name = name sayHello : -> "您好!\r\n普通函数:#{_getName()}!\r\nprototype函数:#{@getName()}!" _getName = -> @name + '先生' getName : -> @name + '先生'user = new User('leftfist')alert user.sayHello()
对应javascript:
var User, user;User = (function() { var _getName; User.prototype.name = 'unknown'; function User(name) { this.name = name; } User.prototype.sayHello = function() { return "您好!\r\n普通函数:" + (_getName()) + "!\r\nprototype函数:" + (this.getName()) + "!"; }; _getName = function() { return this.name + '先生'; }; User.prototype.getName = function() { return this.name + '先生'; }; return User;})();user = new User('leftfist');alert(user.sayHello());
运行结果就是
您好!
普通函数:先生!
prototype函数:leftfist 先生!可以看到,在普通函数里,虽然使用了 this.name,但此this指的是_getName自己,非彼user = new User('leftfist')那个user,故而拿不到name,空空焉。
转载地址:https://leftfist.blog.csdn.net/article/details/41351775 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年05月04日 15时52分22秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
凸优化 convex optimization
2019-04-30
数据库索引 & 为什么要对数据库建立索引 / 数据库建立索引为什么会加快查询速度
2019-04-30
IEEE与APA引用格式
2019-04-30
research gap
2019-04-30
pytorch训练cifar10数据集查看各个种类图片的准确率
2019-04-30
Python鼠标点击图片,获取点击点的像素坐标
2019-04-30
路径规划(一) —— 环境描述(Grid Map & Feature Map) & 全局路径规划(最优路径规划(Dijkstra&A*star) & 概率路径规划(PRM&RRT))
2019-04-30
RRT算法(快速拓展随机树)的Python实现
2019-04-30
D*算法
2019-04-30
强化学习(四) —— Actor-Critic演员评论家 & code
2019-04-30
RESTful API
2019-04-30
优化算法(四)——粒子群优化算法(PSO)
2019-04-30
数据在Oracle中的存储
2019-04-30
轨迹规划 trajectory planning
2019-04-30
AGV自动导引运输车
2019-04-30