《FLASH CC 2015 CANVAS 中文教程》——3、this关键字 入门

摘要:
  2:FLASHCC2015在文中直接简称为CC。↑↑↑↑↑↑-------------------------------3、this关键字3.1this是什么?在上一篇中,大家应该已经看到了(如下图)频繁使用了this关键字。CC中,使用this是为了指明我们的“东西”在哪。这个介绍的过程就需要用this来声明。因为CC他会自动将舞台上的元件声明为“this.cow”,如果它不申明为"this.cow",那么如果我站在房子外面了那么怎么引用这个cow呢?所以声明为this.cow是必要必须的。是不是有点晕,但是千万别晕了,因为下一篇继续讲this关键。
注:1:如果你对 FLASH 这个软件操作不够熟悉,建议你可以先看看FLASH动画之类的书。

  2:FLASH CC 2015在文中直接简称为CC。 

  3:以下所以文章中所说的快捷键 如果你按了不起作用,请检查是否有其他正在运行的软件快捷冲突。  

  4:bolg中为了节约篇幅以及阅读体验,不重要的图我就不贴出来了

  5:我教程里使用的是 FLASH CC 2015 中文版 (15.0.0.173)

  6:强烈建议不要装绿色精简版,因为他可能导致你的软件使用过程出现未知问题

  7:速成班 请参看我另一系列教程 FLASH CC 2015CANVAS (x)这类标题名的文章(不推荐)

-----------------------↑↑↑↑↑↑以上的注意真的很重要哦,真的!↑↑↑↑↑↑-------------------------------

3、this 关键字

3.1 this是什么?(如果你是程序员直接略过这小节,如果你仍然要看欢迎找出错误之处)

this 英语翻译成汉语就是:这,这里的意思。在上一篇中,大家应该已经看到了(如下图)频繁使用了 this 关键字。

《FLASH CC 2015 CANVAS 中文教程》——3、this关键字 入门第1张

CC中(准确说是js代码中),使用this是为了指明我们的“东西”在哪。

我们把尝试 this.cow.on 改成 cow.on,发布测试发现

《FLASH CC 2015 CANVAS 中文教程》——3、this关键字 入门第2张

cow 没有定义,为什么呢?

这里举个例子帮助大家理解

比如我们写代码这帧,是一个“房子”,“房子”里有没有东西我们并不知道,因为房子的主人并没有告诉我们里面有些啥,但是如果房主给我们介绍了房子里有啥,那我们当然就能知道里面有什么了。

这个介绍的过程就需要用this来声明。例如:

this.桌子

this.cow

this.床

...

但是为什么,我在房子里还需要用“this.cow” 来引用呢?

因为CC他会自动将舞台上的元件声明为“this.cow”,如果它不申明为"this.cow",那么 如果我站在房子外面了 那么怎么引用这个cow呢? 所以声明为this.cow 是必要必须的。

是不是有点晕,但是千万别晕了,因为下一篇继续讲 this 关键 。

免责声明:文章转载自《《FLASH CC 2015 CANVAS 中文教程》——3、this关键字 入门》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇An error occurred while attempting to initialize the Borland Database Engine (error $2108)Lora通讯下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端动态生成二维码后合成海报,下载分享

转载:zgh0711:https://blog.csdn.net/zgh0711/article/details/88192993 如何生成二维码 现在前端环境下,要生成二维码,可用的工具库有很多,我这里用的是 qrcode,首先安装   npm install --save qrcode 安装完之后 import 导入就能使用了   import QR...

WPF在圆上画出刻度线

思路 我们可以使用Ellipse先画出一个圆当背景,然后用Canvas再叠加画上刻度线,就能得到如下的效果 我们先用Ellipse画一个橙色的圆,然后将Canvas的宽度和高度绑定到Ellipse的宽度和高度 <Grid> <Ellipse Fill="Orange" Width="400" Height="400" N...

react之每日一更(实现canvas拖拽,增、删、改拖拽模块大小功能)

效果图: import React, { Component } from 'react'; import scaleImage from './images/scale.png'; import closeImage from './images/close.png'; import maskImage from './images/mask.png'...

canvas用2d渲染出3d的感觉

好久没有写博客了,深究动画其实也就是setTimeout setInterval requestAnimationFrame很多人可能不熟悉requestAnimationFrame但是事实上和setTimeout没有区别,setTImeout是 通过定时然后达到循环执行,后者呢比较优雅,动画帧。。。不说了,我也不知道,自己测试一下,程序员是应该有这种一探...

canvas遇到的一些问题

1、移动端无法全屏问题 问题描述:由于canvas的width和height只能设置px值,不支持rem单位,所以想在移动设备屏幕分辨率繁杂的情况下达到canvas铺满全屏的效果很困难。   解决方法:通过js获取到手机屏幕的clientWidth值,赋给canvas,以此来达到适配全屏的效果; 1 2 3 4 5 varclientWidth...

canvas图片问题和移动端iOS系统onload事件失效的问题

canvas图片问题 做的一个项目需要将两张图片合成一张图片输出,想到可以用canvas来实现图片的合成 var self = this; var codeImg = document.getElementById("qrcode").getElementsByTagName("img")[0]; var bgImg = document.createE...