coffeescript的上下文
发布日期: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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:CoffeeScript的缩进
下一篇:nodejs下cannot post错误

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.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
神经网络调参实战(四)—— 加深网络层次 & 批归一化 batch normalization 2019-04-30
数据挖掘与数据分析(三)—— 探索性数据分析EDA(多因子与复合分析) & 可视化(1)—— 假设检验(μ&卡方检验&方差检验(F检验))&相关系数(皮尔逊&斯皮尔曼) 2019-04-30
RRT算法(快速拓展随机树)的Python实现 2019-04-30
路径规划(二) —— 轨迹优化(样条法) & 局部规划(人工势能场法) & 智能路径规划(生物启发(蚁群&RVO) & 强化学习) 2019-04-30
D*算法 2019-04-30
强化学习(四) —— Actor-Critic演员评论家 & code 2019-04-30
RESTful API 2019-04-30
优化算法(四)——粒子群优化算法(PSO) 2019-04-30
数据挖掘与数据分析(三)—— 探索性数据分析EDA(多因子与复合分析) & 可视化(2)——回归分析(最小二乘法&决定系数&残差不相关)&主成分分析&奇异值分解 2019-04-30
数据在Oracle中的存储 2019-04-30
优化算法(五)—人工蜂群算法Artificial Bee Colony Algorithm(ABC) 2019-04-30
轨迹规划 trajectory planning 2019-04-30
AGV自动导引运输车 2019-04-30