javascript中的this到底指什么?

定义:this是包含它的函数作为方法被调用时所属的对象。
说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它!
    1、包含它的函数。2、作为方法被调用时。3、所属的对象。
看例子:
function to_green(){
   this.style.color="green";
}
to_green();
上面函数中的this指的是谁?
分析:包含this的函数是,to_green
          该函数作为方法被调用了
          该函数所属的对象是。。?我们知道默认情况下,都是window对象。
OK,this就是指的window对象了,to_green中执行语句也就变为,window.style.color="green"
这让window很上火,因为它并没有style这么个属性,所以该语句也就没什么作用。
我们在改一下。

window.load=function(){
    var example=document.getElementById("example");
    example.οnclick=to_green;
}
这时this又是什么呢?
我们知道通过赋值操作,example对象的onclick得到to_green的方法,那么包含this的函数就是onclick喽,
那么this就是example引用的html对象喽。
this的环境可以随着函数被赋值给不同的对象而改变!
下面是完整的例子:

<script type="text/javascript">
     function to_green(){
        this.style.color="green";
    }
    function init_page(){
    var example=document.getElementById("example");
        example.οnclick=to_green;
   }
   window.οnlοad=init_page;
</script>
<a href="#" id="example">点击变绿</a>

JavaScript,"sprite"一词并不是一个原生的概念,它通常用于游戏开发的上下文。在游戏开发,sprite的是游戏画面上的一块独立的图形元素,它可以是一个角色、一个物品或者其他任何图像。每个sprite都有自己的位置、大小和视觉表示,通常用于表示游戏的动态元素。 在JavaScript使用sprite,通常需要借助一些游戏开发框架或者库,比如Phaser、PixiJS等。以下是使用sprite的基本步骤: 1. 加载资源:首先需要加载你想用作sprite的图片资源。 2. 创建sprite对象:使用框架提供的方法创建sprite对象,并设置其在游戏的位置和尺寸。 3. 更新和渲染:在游戏的主循环更新sprite的状态,比如位置、动画帧等,并将其渲染到游戏画面上。 举个简单的例子,假设我们使用Phaser框架来创建一个简单的sprite: ```javascript // 创建游戏场景 var game = new Phaser.Game(800, 600, Phaser.AUTO, 'game'); // 添加游戏状态 game.state.add('main', { preload: function() { // 加载图片资源 game.load.image('player', 'images/player.png'); }, create: function() { // 创建sprite对象 this.player = game.add.sprite(100, 100, 'player'); }, update: function() { // 更新sprite状态,例如移动 this.player.x += 1; } }); // 启动游戏状态 game.state.start('main'); ``` 在这个例子,我们加载了一个名为'player'的图片资源,创建了一个位于(100,100)位置的sprite,并且在游戏的更新周期使这个sprite沿着x轴移动。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值