目录

1,js与modpe的概念,联系和区别 2,编写的准备 3,My First js 4,认识变量 5,变量的类型与应用 6,关系运算符 7,运算符 8,条件分歧 9,循环I 10,循环II 11,数组 12,自定义对象 13,函数 14,方法 15,构造函数 16,模拟多态

初步认识JavaScript,熟悉语法结构

1,js与modpe的概念,联系和区别(可无视)

javascript

js全称JavaScript,是一种基于对象,广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。

modpe

modpe是一种基于JavaScript开发的一种脚本,它简单易懂,并容易编写,测试,深受广大玩家的喜爱。 是最简便的mcpe脚本语言 可以说,modpe是JavaScript的一种,但不能说modpe就是JavaScript。

2,对于编写的准备(可无视)

工具:1,只要能编辑和保存文本的文本编辑器就行。 2,浏览器 学历:最好是初中及以上 足够储存的空间 喜欢或爱好modpe 拥有较好的心理素质,敢于尝试

3,My First js

当你看js代码时可能会有大量的代码像 function (){ var num=1; this.name=name; 之类的东西,你可能不明白 通过学习,可能会使你有所感悟,可能会使你喜欢上他们。 现在就是编写js了,那么,如何编写? 请看下面的例子 好了,就是这样,你可以把它保存一个后缀为html的文件里,并命名为My First js。 好了,下面讲如何执行这个文件。 打开浏览器 输入file://路径/文件名之后访问 比如 file:///storage/emulated/0/Android/My First js.html 下面是执行结果 Hello World! 之后我们来详细的讲它的内容 前面说过,js是为html增加动态部分,那么也就可以说是html的一种脚本,所以我们就用html来测试js吧 这里会稍微讲一点html的知识,如果你有少量html基础,那么下面的内容可以不看 可见,如果html测试js的话,需要以下部分(必不可少) 现在我们看看document.write 它是一种输出信息的方式,后面可以跟变量,字符串,函数等 变量和函数我们会在以后讨论 现在我们看看什么是字符串 字符串或串(String)是由数字、字母、下划线组成的一串字符,一般用""括起来 如"Hello World!" "0" 但是0不是字符串,而是一个整数 Hello World也不是字符串,现在我们试试把之前例子中的""去掉,效果会怎么样呢? 结果什么也没显示,说明这样写是错误的 那么,为什么会这样呢,继续学习,你会知道更多

4,认识变量

还是之前的例子,让我们看一下 当我们想多次打印时,多次输入就显得过于麻烦了 document.write("Hello World!"); document.write("Hello World!"); document.write("Hello World!"); 有没有更好的办法呢 这时,我们就引入变量吧

变量

定义方式 var 变量名( = 内容); =是赋值的意思 括号里的内容有时可不加 我们现在就来试试,以s作为变量名,定义变量 var s="Hello World!"; 现在编写代码 效果如下 Hello World!Hello World!Hello World! 嗯,这就是变量的效果,但是变量的功能不止如此。

5,变量类型与应用

之前我们认识了变量,但它的类型却不止如此,可以是整数,浮点数,字符串等等。并且可以多次定义 看下面的例子 经过测试,得到的结果 123 我们再来试试浮点数 var num=1.1; document.write(num); num=2.2; document.write(num); num=3.3; document.write(num); 输出的结果就是 1.12.23.3 我们把var num=1.1;改成var num=1; var num=1; document.write(num); num=2.2; document.write(num); num=3.3; document.write(num); 也是可行的,因为var概括了所有的变量类型,虽然前面是整数,但是后面有浮点数,所以这个变量在定义时就是浮点数类型 还有一种比较常用的类型:boolean类型,它只有两种,true和false。 如 var t=true; var f=false; 而且true和false可以在输出信息中直接输出,不用加"" 现在你因该了解了更多的变量类型,当然,变量的类型不止如此,你也学会了如何调用,赋值变量,这对以后的学习甚至开发有巨大帮助。

6,关系运算符

关系运算符常用的就这些,让我们看看吧 ==,===,<,<=,>,>=,!= == 就是等于的意思 === 完全等于 就是在等于的基础上,大小相同且类型相同 比如1就不能完全等于1.0,因为1和1.0的类型不同 < 小于 <=小于等于 > 大于 >=大于等于 != 不等于 如何应用? 成立时输出true,不成立输出false 如 document.write(5>3); 输出true document.write(5<3); 输出false 好了,这就是关系运算符了,下面我们会介绍更多运算符。

7,运算符

上面我们介绍了关系运算符,我们来看看更多运算符吧 来看下面的例子 运行的结果 102 如你所见 +就是相加的意思 当然,与其相对的就是减 运行的结果 98 当然,还有乘 运行的结果 200 和除 运行的结果 50 当然,还有一种,取余,就是获取余数 比如 a%b就等于a/b剩下的数,把浮点数转化为整数四舍五入。 运行的结果 0 当然,刚才的例子也是判断偶数的一种方法。 好了,现在你了解了JavaScript如何计算了。

熟练掌握JavaScript,进一步提高技术

8,条件分歧

之前我们学习变量,字符串的过程中,几乎都是一条线串下来的,想要根据条件执行怎么做呢 接下来我们就引入if语句吧

if语句

if(条件){ 执行内容 } 条件可以是单个,也可以是多个 多个用&&且||或隔开 如 测试的结果 这两个数的和是正数。这两个数中至少有一个是正数。 如你所见,第三个由于不成立没有执行。 if语句还可以嵌套使用 除此之外,还有else/else if语句

else语句

else语句常用于同一条件两种分歧中,如
注:如果判断boolean类型的变量,如果要判断true,就直接写一遍变量,如果要判断false,就写!变量
通过看整个代码,可以得知,这里的else就相当于 if(!boo)

else if语句

之前必须有一个或多个if语句 就是在上述条件不符时执行,可以加也可以不用加,但是不加有时会出错 不过如果不是同一条件最好不要加else,除非它们有些联系。 这里的if(boo)前面最好不要加else

switch&case语句

这是大量if语句的精简版,它适用于同一条件,可以是一个分歧,也可以是多个分歧 请看下面的例子 这里的break什么意思呢 由于switch&case语句是需要终止(跳出来)的,而break语句就可以实现。 如 好了,这便是条件分歧,它对你以后的编程有巨大帮助。

9,循环I

我们写一个小程序,效果有点类似于认识变量的那个例子 var s="Let's learn javascript!"; document.write(s); document.write(s); document.write(s); 我们想要实现输出3次Let's learn javascript!有没有更简单的方法 答案是有的

while循环

while,就是当……时,很容易理解 格式 while(条件){ 执行内容 } 我们来试试看 测试的结果 Let's learn javascript!Let's learn javascript!Let's learn javascript!
注:i++是i=i+1的简写,为变量计算的一种方法,与其相同的还有i--,不过没有i**和i//
如你所见,这个字符串被输出了三遍 我们再来看看 这里i++就是当i小于三时,每执行一次加一,那么就是 值为0执行一次,值为1执行一次,值为2执行一次,所以执行了三次 但是,如果你把i++去掉就是无限循环了 我们再看看另一种循环的方式,计算数的总和 测试结果 5050 我们来看看这个算法 利用while的每次执行,使i不断加一,s储存每一个值与之前值的总和,最后计算 循环是一个很强大的东西,以后的编程,会用到的

10,循环II

上节课我们学习了while循环,但是写while循环有点麻烦,能不能画简一下 于是我们需要for循环

for循环

for(变量名;条件;变量执行内容){ 执行内容 } 测试的结果 Let's learn javascript!Let's learn javascript!Let's learn javascript! 我们来看看上面的例子 for(var i=0;i<3;i++){ 这就相当于在这个for语句内部定义了一个变量,外部不可调用(以后构造函数会讲原因) 之后写了条件i<3 i++则确定了下面执行的次数 但是,for语句嵌套使用最好不要定义单一的变量,比如 for(var a=0;a<3;a++){ for(var b=0;b<3;b++){ for(var c=0;c<3;c++){

break语句

当我们用循环进行大量运算时,到一个数就可以了,但是循环要继续执行,有没有好的办法跳出循环呢 在switch&case语句我们学过,break能够跳出该语句,那么在此是否可以呢 答案是可以的 测试结果 我跳出了循环,i的值是5 这就是break语句,它无疑减小了程序的运算量 现在你可以更加灵活使用循环了

11,数组

编程中,我们可能需要大量定义变量来储存数据,有没有更好的方法 来看看数组吧

数组

什么是数组 数组就是在单独的变量名中存储一系列的值 定义方式 var 变量名=new Array(储存的数据) 多个数据中间用,隔开就可以了 如 var na=new Array(1,2,3,4,5); 如何输出 变量名[n-1] 我们来看看下面的例子 测试的结果 1 那如何输出全部的呢

length

length表明了整个数组储存的数据,常见于for语句中 定义方式 变量名.length 我们来试试吧 测试的结果 12345 如你所见,它输出了整个数组储存的信息

for in语句

它其实也是一种循环,但是为什么现在讲呢,原因是它和数组有关,但是不能用于所有的循环情况中 它可以对数组储存的数据进行循环操作 效果类似于length,但是更简单 格式 for(变量 in 数组) 我们来试试吧 测试结果同上 好了,现在你可以更好储存数据了,接下来,请认真复习以上内容,以便更好地学习

学习这些让你变得更强大吧

以下内容难度较大,建议多加练习后再来学习

12,自定义对象

对象

什么是对象 对象是拥有属性和方法的数据,属性是与对象相关的值,方法以后我们会讲 讲完这些后,我们就看看怎么自定义对象

自定义对象

var 变量名=new Object; 这里的Object就指的对象 如 var Creeper=new Object; 之后我们看看怎么为对象添加属性吧 对象.属性名=内容; 如 var Creeper=new Object; Creeper.with="glasses"; 如何调用 看下面的例子 测试的结果 glasses 现在,你可以正确使用对象编程了,如果你能理解以上内容的话,对你帮助还是很大的

13,函数

这是本教程最难章节,务必认真学习

函数I

什么是函数 函数就是可重复调用的代码区域 定义方式 function 函数名(参数){ 执行内容 }
注:参数可以是一个,可以是多个,多个中间必须用,隔开,也可以是空的
如 function mf(){ document.write("I have built a function successfully"); } 如何调用 函数名(参数);
注:如果有参数就全部写上,没有则不写
如 mf(); 整合一下就是 测试的结果 I have built a function successfully

全局变量与局部变量

全局变量 就是函数以外的变量,无论是函数内还是函数外都可以使用 如 var s="Hello World!"; function fun(){ document.write(s); } fun(); 局部变量 就是函数内的变量,只能在函数内掉用,外部不可用 如 function fun(){ var s="Hello World!"; document.write(s); }

函数II

之前我们讲的没有参数的函数,现在我们就讲讲参数吧 添加参数的方式之前说了 如 function nf(a,b,c,d,e){ } 写了参数最好在内部声明一下 方式 this.名=参数名; this指的是这个对象(函数),表明是这个函数的内部信息 如 function nf(name){ this.n=name; document.write(n); } 我们来模拟一下modpe的print语句 测试的结果 Hello World!
注:这里的br是换行的意思,为html特有

return语句I

像循环一样,我们有时也要终止函数运行,那么如何实现 试试return语句吧 如判断一个数不是偶数时终止 function a(data){ this.d=data; if(data%2!=0){ return; } } 如你所见,当这个数不是偶数时就会终止

return语句II

当return语句后面加上一个值时,它就会终止并得到一个值,这就是返回值 我们来试一下 测试的结果 3 好了,这就是函数,希望你全部理解

14,方法

方法是能够在对象上执行的动作,一般是函数 格式 对象.方法名(参数)=function (参数){执行内容} 如果要调用,直接调用函数内部信息好了 看下面的例子 测试的结果 Hello World! 好了,现在你进一步了解对象了

15,构造函数

构造函数

构造函数是一种特殊的方法。主要用来在创建对象时初始化对象,即为对象成员变量赋初始值 定义方式 对象.函数 如果要调用,直接调用函数内部信息好了 让我们试一下吧 测试的结果 Hello World! 更好地使用对象吧

16,模拟多态

多态

多态指同一个对象同时具有多种形式,同一操作作用于不同的对象,可以有不同的解释,产生不同的执行结果 但是JavaScript是基于对象的语言,没有类的概念,那么如何实现多态

apply&call语句

apply语句 格式 函数名.apply(对象,参数); call语句 格式 函数名.call(对象); 用于调用所有参数 我们来看看下面的例子 测试的结果 Hello World! 好了,现在我们实现了模拟多态 至此,js的教程就结束了,以现在的知识,做一个简单的modpe因该没有问题了吧

本教程由百度贴吧四眼苦力怕制作 盗版必究