Cocos Creator JavaScript 快速入门(摘自官方文档)
JavaScript 快速入门
概述本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能够对 JavaScript 有大体了解,并且满足 Cocos Creator 的开发需求。 JavaScript是一门充满争议的编程语言:它以 Java 命名,但实际上和 Java 毫无关系。JavaScript 的创造只用了10天时间,但在20年时间里却发展成世界上最流行的 Web 开发语言。如果为 JavaScript 今日的地位和流行程度找一个原因,那毫无疑问是容易上手的语言特性。当然,精通 JavaScript 是一项艰巨的任务,但学会足够开发 Web 应用和游戏的知识却很简单,如果你已经有了一定编程基础,熟悉 JavaScript 语言特性不会花费你多长时间。 另外,在使用 Cocos Creator 开发游戏时你大多数情况下都会重复使用一些固有的模式。根据帕雷托法则(也叫二八定律),掌握一门语言的20%就足够你应付80%以上的情况了。现在就让我们来花最短的时间学习足够的 JavaScript 知识,以便我们开始使用 Cocos Creator 开发游戏。 边读边尝试如果你能看到这篇文章,那么你已经具备了全功能的 JavaScript 开发环境——我说的就是你正在使用的浏览器! 在本页面中读到的所有例子,你都可以把他们输入到浏览器的控制台里并查看运行结果,如果你不清楚怎么做,可以阅读如何在不同浏览器中打开控制台的指南。 准备好了吗?让我们开始学习 JavaScript 吧! 变量在 JavaScript 中,我们像这样声明一个变量: var a;
保留字 var a = 12;
在阅读其他人的 JavaScript 代码时,你也会看到下面这样的变量声明: a = 如果你在浏览器控制台中尝试,会发现 JavaScript 在面对省略
像这样访问数组中的成员:(从0开始索引) a[1]; // 456
JavaScript 对象(Object)我们像这样声明一个对象(object): myProfile = {
name: "Jare Guo",email: "blabla@gmail.com",'zip code': 12345,isInvited: true
}
在对象声明的语法( 你可以在 value 中嵌套其他对象,或者由一组对象组成的数组: "Xiamen",points: 1234,isInvited: true,friends: [
{
name: "Johnny",68)">"blablabla@gmail.com"
},{
name: "Nantas",68)">"piapiapia@gmail.com"
}
]
}
访问对象的某个属性非常简单,我们只要使用 dot 语法就可以了,还可以和数组成员的访问结合起来: myProfile.name; // Jare Guo
myProfile.friends[1].name; // Nantas
JavaScript 中的对象无处不在,在函数的参数传递中也会大量使用,比如在 Cocos Creator 中,我们就可以像这样定义 FireClass 对象: var MyComponent = cc.Class({
extends: cc.Component
});
{extends: cc.Component}这就是一个用做函数参数的对象。在 JavaScript 中大多数情况我们使用对象时都不一定要为他命名,很可能会像这样直接使用。 匿名函数我们之前试过了用变量声明的语法来定义函数: myFunction = function (myArgument) {
再复习一下将函数作为参数传入其他函数调用中的用法:
我们还见识了 JavaScript 的语法是多么喜欢偷懒,所以我们就可以用这样的方式代替上面的多个函数声明: applyOperation = function (f,a) {
return f(a);
}
applyOperation(
function(a){
return a*a;
},128)">10
) 我们这次并没有声明
上面代码中的点符号表示“调用 使用点符号的表达式,最大的优点是你可以把多项任务链接在一个表达式里,当然前提是每个调用的函数必须有合适的返回值。我们不会过多介绍如何定义可链接的函数,但是使用他们是非常简单的,只要使用以下的模式: 链条中的每个环节都会接到一个初始值,调用一个函数,然后把函数执行结果传递到下一环节: var n = 5;
n.double().square(); //100
Thisthis可能是 JavaScript 中最难以理解和掌握的概念了。 简单地说, 解释 首先是最普通又最常用的 myFunction = function (a,b) {
console.log(this);
另外一个方法是将 |