学习笔记

JavaScript权威指南——函数

函数调用

构成函数主题的JavaScript代码在定义之时不会执行,只有调用该函数时,它们才会执行。有4中方式来调用JavaScript函数:
  • 作为函数
  • 作为方法
  • 作为构造函数
  • 通过它们的call()和apply()方法间接调用

 构造函数调用

如果函数或者方法之前带有new关键字,它就构成构造函数调用。构造函数钓鱼那个和普通的函数调用以及方法调用在实参处理、调用上下文和返回值方面都有不同。 构造函数通常不使用return关键字,它们通常初始化新对象,当构造函数的函数体执行完毕时,它会显示返回。在这种情况下,构造函数调用表达式的计算结果就是这个新对象的值。然[......]

阅读全文

By xiuhuwang, ago
编程技术

JavaScript游戏人物跑步效果

今天在微博上看到了一个分享“JS游戏人物跑步动画特效”,包括在线演示源码下载,感觉很好玩,就立刻下载下来学习了一下。

  • 简单思路

小人共有8个前进方向,一个停止状态。每个前进方向都有5张图片组成,每张图片都有简单的变化,以展示出动态运动效果。点击任一方向的按钮时,都会循环展示相应运动状态的图片,并且不断更改图片的左边,实现人物的运动。

  • 修改后的思路

通过鼠标来控制小人的运动方向。鼠标点击时获得当前位置,与此时人物的位置对比,计算出应该往那个方向前进。为了能有个较好的移动效果,需要计算人物x,y坐标上的速度,通过三角函数可以很容易获得:

function abs[......]

阅读全文

By xiuhuwang, ago
学习笔记

JavaScript权威指南——数组

数组

JavaScript数组的索引是基于0的32位数值:第一个元素的索引为0,最大可能的索引是2^32-2。JavaScript数组是动态的:根据需要它们会增长或缩减,并且在创建数组时无须声明一个固定的大小或者在数组大小变化时无须重新分配空间。JavaScript数组可能是稀疏的:数组元素的索引不一定要连续,他们之间可以有空缺。

数组元素的读和写

使用[]操作符来访问数组中的一个元素。数组的引用位于方括号的左边。方括号是一个返回非负整数值的任意表达式。使用该语法既可以读又可以写数组的一个元素。 注意,可以使用负数和非整数来索引数组。这种情况下,数值转换位字符串,字符串[......]

阅读全文

By xiuhuwang, ago
学习笔记

JavaScript权威指南——对象

对象直接量

对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分割,名/值对之间用逗号分隔,整个映射表用花括号括起来。
  • 属性名字里有空格,必须用字符串表示
  • 属性名字里有连字符,必须用字符串表示
  • 属性名是保留字,必须用字符串

原型

每一个JavaS对象(null除外)都和另一个对象关联。“另一个”对象就是我们熟知的原型,每一个对象都从原型继承属性。 所有通过对象直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得对原型对象的引用。通过关键字new和构造函数调用创建的对象的原型就是构造函数的[......]

阅读全文

By xiuhuwang, ago
学习笔记

JavaScript权威指南——语句

标签语句

语句是可以添加标签的,标签是由语句的标识符和冒号组成:

indenfitier:statement

通过给语句定义标签,就可以在程序的任何地方通过标签引用这条语句。也可以对多条语句定义标签,尽管只有在给语句块定义标签时它才更有用,比如循环和条件判断语句。 break 和 continue是JavaScript中唯一可以使用语句标签的语句。

break语句

单独使用break语句的作用是立即退出最内层的循环或switch语句,由于它能够使循环和switch语句退出,因此这种形式的break只有出现在这类语句中才是合法的。 当break和标签一块使用[......]

阅读全文

By xiuhuwang, ago