你的代码长啥样?

简介: 你的代码长啥样?

我们以前在文章《第17天:Python 之引用》中详细地讨论过 Python 中关于“引用”的话题,可能有的同学还有印象。


前几天陈老师(微博@爱可可-爱生活)在B站上传了一个名为《十分钟!彻底弄懂 Python 深拷贝与浅拷贝机制》的视频,建议感兴趣的同学可以看看(写下这句话的时间是4月7号,完成这篇文章的时间是4月29号……所以“前几天”这个说法 emmm……只能请大家睁一只眼闭一只眼了哈哈)。


本酱观看之后颇有一些忐忑,因为自觉之前讨论 Python 引用的文章还是不太到位,所以过后打算写文重新阐述一下。


但是今天促使我写这篇文章的却是另有其物——毕竟反省是不可能反省的,除非有读者要求。



废话少说,我们先来上张图:


image.png


嚯,有点东西啊?


对照一下很容易发现,右侧的图像大略对应于左侧代码的图示。


有的读者可能会说:“嗨,这有什么了不起的,调试器不也可以列出程序运行中的各个变量及其相应值嘛;只不过多了图形表示而已。”


非也非也。看到图中的箭头了吗?那就是我们逝去的青春啊——咳咳,那就是我们讨论过的引用啊。


正所谓,“工欲善其事,必先利其器”,我们老是讨论引用啊、对象啊之类的东西,但是很多同学实际上并不是很理解它们到底是个神马玩意儿,“噢,你说引用就引用呗,谁还不能死记硬背嘛”——毕竟对很多同学来说这东西着实有些过于抽象了。但现在我们有了这样一个用来理解引用和变量之间关系的利器—— pythontutor.com,生动形象,十分到位,那谁还要自行车啊。


接下来我们快来捋捋这东西到底该怎么用吧。


快速上手


打开 Python Tutor 工具的主页,映入眼帘的是这样一个页面:


image.png


可以看到,这个工具不仅支持 Python,同时也支持 C、C++、JavaScript 和 Ruby 等常见的编程语言。


在图中框出的两处链接中,凭个人喜好选择一个点击进入即可。


然后我们就来到了如下图所示的一个页面:


image.png


其中,正上方下拉菜单可以选择使用的语言类型,可以看到常见的 C、C++、Java、Python 和 JavaScript 等语言均在其列,如下图所示:


image.png


在页面正中的代码框中输入如下代码:


list_a = [1,2,3]list_b = list_alist_c = list_a.copy()


然后点击下方左侧的按钮“Visualize Execution”,即可使用该工具执行输入的代码。


微信图片_20220213113501.gif


05


点击“Next”按钮,即可按逻辑顺序逐行执行 Python 代码。


但我们关注的还是右边的可视化图像——不严谨地说,这部分图像就是对应代码的可视化表述。在系统中数据存在什么样的关系,也都一一体现在右侧这个方寸大小的图像当中。

可以看到,变量list_alist_b都指向同一个列表对象,而list_c则指向一个新的列表对象;其中list_c所指向的列表又是由list_a复制来的。


通过观察这一段示例代码,我们很容易领会到这样的视角:在 Python 中,变量之间的直接赋值实际上仅仅是传递了变量的“引用”,而这所谓的“引用”实际上只不过是一种指向关系,通过变量保存的引用可以找到对应的对象,诸如列表、字典,甚至是数字——仅此而已。


经过直接赋值和调用copy方法再赋值,除了list_c是指向了一个新的列表对象,list_alist_b之间并没有实质上的区别:对其中任意一个的修改都会相应地影响另一个变量所指向的值。而list_c则是独立的,不会受前两者的影响,反过来也不会对前两者造成影响:


微信图片_20220213113525.gif


实时执行


由于临时网络原因,写作本节时无法正常访问相应页面,因此本节截图均来自于陈老师制作的视频《十分钟!彻底弄懂Python深拷贝与浅拷贝机制》,相应著作权归属陈老师。如果有机会会重新制并替换相应截图。


注意到,在按钮“Visualize Execution”右侧还有另一个按钮,“Live Programming Mode”。让我们好奇地点进去——老实说本酱其实是并不好奇的,因为我已经试过这是干嘛的了——姑且当我是好奇的吧。


点击链接之后进入了这样一个页面:


image.png


实际上这种实时执行的模式与常规模式唯一的区别就是:只要你完成了代码输入,不需要进行任何其他的多余操作,工具就会自动执行这个代码并绘制出相应图示。这其中涉及到代码的自动保存。其使用过程如图所示:


image.png


如果非要进行类比的话,常规模式就像是规规矩矩的使用 Python 脚本编程,堂皇正大,但是失之灵巧;而实时执行模式则类似于 Python 交互式环境或者是 jupyter 环境,虽然有时候不大靠谱,但却很适合快速开发,快速测试。



学习雷锋


Python Tutor 这个工具还有一个非常有趣的特性:协作。或者说按照工具官方的说法,叫做“获取实时帮助”。


在工具主页面的左上方,时常会看到这样的内容:


image.png


点击左侧上方的“Get live help”就可以向正在使用 Python Tutor 的用户发出实时求助(本着尽量不给别人添麻烦的思想,该按钮本酱并未测试);而右侧列出来的内容中,每一个列表项都对应着一位向你或他发出求助的用户。


如果你对自己还比较有自信,那么你就可以大方点击列表项中的“click to help”链接,跳转到求助者的页面。不过需要提醒的是,由于该工具面向的用户不限于国人,因此你遇到的用户几乎都是英语用户,如果想要提供帮助还是需要基础的英语理解能力。

协助页面如下图所示:


image.png



而通过协助他人解决一些看似简单的问题,你收获的不只是对 Python 更深入的理解,更重要的是会获得一种心理上的满足感,以及你的努力能够帮助到他人的宽慰:


image.png


目前来看,协助过程中的交互界面还比较简陋,并且也不支持账号系统,也就是无法进行实际意义上的社交活动,也不能保存帮助他人的记录,更遑论解锁“十世善人”成就、开放正义值排行榜这些骚操作了。


但是,做好事不留名,不就是雷锋精神的真实写照吗?“事了拂衣去,深藏身与名”,如此洒脱,又何尝不是失落的侠义精神在今天这个互联网时代换发的老树新枝呢?

学习雷锋,还等什么学雷锋纪念日呢?


哪怕你的编程水平还不足以指点他人,那又何妨在这里求助于人呢?想必这样的互动,也会带来远胜个人闭门造车的效果吧。


总结


本文主要介绍了一款十分优秀的代码可视化工具——Python Tutor。使用这个工具探索自己遇到过的问题、产生的疑惑,相信会给你带来不一样的体验。


在远程协作上,无论是求助还是给予帮助,都能给双方带来有价值的收获。又为什么不试一试呢?

目录
相关文章
|
6月前
|
Java 测试技术 开发工具
写代码中的一些“小技巧”
写代码中的一些“小技巧”
|
算法
几行代码带来的巨大变化
几行代码带来的巨大变化
67 0
|
存储 安全 Java
写出漂亮代码的45个小技巧(下)
大家好,我是三友~~ 不知道大家有没有经历过维护一个已经离职的人的代码的痛苦,一个方法写老长,还有很多的if else ,根本无法阅读,更不知道代码背后的含义,最重要的是没有人可以问,此时只能心里默默地问候这个留坑的兄弟。。
写出漂亮代码的45个小技巧(下)
|
存储 设计模式 安全
代码优雅的45个小技巧,你知道吗?
代码优雅的45个小技巧,你知道吗?
|
Java Android开发
几行代码就能实现为何要多此一举
几行代码就能搞定,不能代表一个人很牛,借助了开源,只是站在了巨人的肩膀上,让你省去了去往成功的一大段路,然而这一段路上的风景,还请你仔细去欣赏,到头来,你会发现,路上的风景会远远美于终点的成功。
|
存储 分布式计算 并行计算
聊聊什么代码是好代码
聊聊什么代码是好代码
|
设计模式 IDE Java
最好的代码是没有代码
对于大多数软件开发者来说,要让他们承认这一点是很痛苦的,因为他们爱他们的代码。你写的每一行新代码都需要经过调试,需要具备可阅读性和可维护性。
最好的代码是没有代码
这一团糟的代码,真的是我写的?!
阿里妹导读:你有没有遇到过这种情况:过几周或者几个月之后,再看到自己写的代码,感觉一团糟,不禁怀疑人生?我们每天都与代码打交道,但当被问道什么是好的代码时,很多人可能会先愣一下,然后给出的回答要么比较空泛,要么比较散,没办法简单明了地概括出来。今天,我们就来说什么是好的代码?
28873 0