
目录
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了，那么，如何编写？
请看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     </body>
        <script type="text/javascript"> 
           document.write("Hello World!"); 
        </script>
     </body>
  </html>


好了，就是这样，你可以把它保存一个后缀为html的文件里，并命名为My First js。
好了，下面讲如何执行这个文件。
打开浏览器
输入file://路径/文件名之后访问
比如
file:///storage/emulated/0/Android/My First js.html
下面是执行结果

Hello World!

之后我们来详细的讲它的内容
前面说过，js是为html增加动态部分，那么也就可以说是html的一种脚本，所以我们就用html来测试js吧
这里会稍微讲一点html的知识，如果你有少量html基础，那么下面的内容可以不看
<!DOCTYPE html>说明这是html
<html>定义html文档
<head>html头部元素
<meta charset="utf-8">为html提供数据元素，这里说明是以utf-8的形式编码
</head>head元素的结束
<body>html的主体
<script type="text/javascript"> 说明使用一个脚本(JavaScript)
document.write("Hello World!"); 输出信息
</script>script元素的结束
</body>body元素的结束
</html>html元素的结束

可见，如果html测试js的话，需要以下部分(必不可少)
<!DOCTYPE html>
  <html>
     <head>
        <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           执行内容
        </script>
     </body>
  </html>

现在我们看看document.write
它是一种输出信息的方式，后面可以跟变量，字符串，函数等
变量和函数我们会在以后讨论
现在我们看看什么是字符串
字符串或串(String)是由数字、字母、下划线组成的一串字符，一般用""括起来
如"Hello World!"
"0"
但是0不是字符串，而是一个整数
Hello World也不是字符串，现在我们试试把之前例子中的""去掉，效果会怎么样呢？
结果什么也没显示，说明这样写是错误的
那么，为什么会这样呢，继续学习，你会知道更多




4，认识变量
还是之前的例子，让我们看一下
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           document.write("Hello World!"); 
        </script>
     </body>
  </html>

当我们想多次打印时，多次输入就显得过于麻烦了

document.write("Hello World!"); 
document.write("Hello World!"); 
document.write("Hello World!"); 

有没有更好的办法呢
这时，我们就引入变量吧
变量
定义方式 var 变量名（ = 内容);
=是赋值的意思
括号里的内容有时可不加
我们现在就来试试，以s作为变量名，定义变量
var s="Hello World!";
现在编写代码
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var s="Hello World!";
           document.write(s); 
           document.write(s); 
           document.write(s); 
        </script>
     </body>
  </html>

效果如下

Hello World!Hello World!Hello World!

嗯，这就是变量的效果，但是变量的功能不止如此。




5，变量类型与应用
之前我们认识了变量，但它的类型却不止如此，可以是整数，浮点数，字符串等等。并且可以多次定义
看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=1;
           document.write(num); 
           num=2;
           document.write(num); 
           num=3;     
           document.write(num); 
        </script>
     </body>
  </html>

经过测试，得到的结果

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，运算符
上面我们介绍了关系运算符，我们来看看更多运算符吧
来看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=100+2;
           document.write(num); 
        </script>
     </body>
  </html>

运行的结果

102

如你所见
+就是相加的意思
当然，与其相对的就是减
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=100-2;
           document.write(num); 
        </script>
     </body>
  </html>

运行的结果

98

当然，还有乘
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=100*2;
           document.write(num); 
        </script>
     </body>
  </html>

运行的结果

200

和除
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=100/2;
           document.write(num); 
        </script>
     </body>
  </html>

运行的结果

50

当然，还有一种，取余，就是获取余数
比如
a%b就等于a/b剩下的数，把浮点数转化为整数四舍五入。
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=100%2;
           document.write(num); 
        </script>
     </body>
  </html>

运行的结果

0

当然，刚才的例子也是判断偶数的一种方法。
好了，现在你了解了JavaScript如何计算了。



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

8，条件分歧
之前我们学习变量，字符串的过程中，几乎都是一条线串下来的，想要根据条件执行怎么做呢
接下来我们就引入if语句吧
if语句
if(条件){
执行内容
}
条件可以是单个，也可以是多个
多个用&&且||或隔开
如
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num1=-1;
           var num2=4;
           if(num1+num2>0){
              document.write("这两个数的和是正数。"); 
           }
           if(num1>0||num2>0){
              document.write("这两个数中至少有一个是正数。"); 
           }
           if(num1>0&&num2>0){
              document.write("这两个数都是正数。"); 
           }
        </script>
     </body>
  </html>

测试的结果

这两个数的和是正数。这两个数中至少有一个是正数。

如你所见，第三个由于不成立没有执行。
if语句还可以嵌套使用
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=-2;
           if(num%2==0){
              document.write("这个数是偶数。");
           
              if(num>0){
                document.write("这个数是正数。"); 
              }
           }
        </script>
     </body>
  </html>

除此之外，还有else/else if语句
else语句
else语句常用于同一条件两种分歧中，如
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var boo=true;
           if(boo){
              document.write("这是真的");
           }
           else{
              document.write("这是假的"); 
              
           }
        </script>
     </body>
  </html>

注:如果判断boolean类型的变量，如果要判断true，就直接写一遍变量，如果要判断false，就写!变量
通过看整个代码，可以得知，这里的else就相当于
if(!boo)
else if语句
之前必须有一个或多个if语句
就是在上述条件不符时执行，可以加也可以不用加，但是不加有时会出错
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=0;
           if(num==0){
              document.write(num);
           }
           else
           if(num==1){
                document.write(num);         
           }
           else
           if(num==2){
                document.write(num);         
           }
        </script>
     </body>
  </html>

不过如果不是同一条件最好不要加else，除非它们有些联系。
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=0;
           var boo=true;
           if(num==0){
              document.write(num);
           }
           else
           if(num==1){
                document.write(num);         
           }
           
           if(boo){
                document.write(boo);         
           }
        </script>
     </body>
  </html>

这里的if(boo)前面最好不要加else
switch&case语句
这是大量if语句的精简版，它适用于同一条件，可以是一个分歧，也可以是多个分歧
请看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=0;
           switch (num){
           case 0:
           document.write(num);   
           break;
           }

        </script>
     </body>
  </html>

这里的break什么意思呢
由于switch&case语句是需要终止(跳出来)的，而break语句就可以实现。
如
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var num=0;
           switch (num){
           case 0:
           document.write(num);   
           break;
           case 1:
           document.write(num);   
           break;
           case 2:
           document.write(num);   
           break;
           ...
           }

        </script>
     </body>
  </html>

好了，这便是条件分歧，它对你以后的编程有巨大帮助。




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(条件){
执行内容
}
我们来试试看
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var s="Let's learn javascript!";
           var i=0;
           while(i<3){
             i++;
             document.write(s); 
           }
           
        </script>
     </body>
  </html>

测试的结果

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++去掉就是无限循环了
我们再看看另一种循环的方式，计算数的总和
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var s=0
           var i=0;
           while(i<100){
             i++;
             s=s+i;              
           }
           document.write(s);
        </script>
     </body>
  </html>

测试结果

5050

我们来看看这个算法
利用while的每次执行，使i不断加一，s储存每一个值与之前值的总和，最后计算
循环是一个很强大的东西，以后的编程，会用到的




10，循环II
上节课我们学习了while循环，但是写while循环有点麻烦，能不能画简一下
于是我们需要for循环
for循环
for(变量名;条件;变量执行内容){
执行内容
}
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var s="Let's learn javascript!";
           for(var i=0;i<3;i++){
             document.write(s); 
           }
           
        </script>
     </body>
  </html>

测试的结果

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能够跳出该语句，那么在此是否可以呢
答案是可以的
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
           var s=0;
           for(var i=0;i<100;i++){
             if(i==5){
               s=i;
               break;
             }
           }
         document.write("我跳出了循环，i的值是"+s);  
        </script>
     </body>
  </html>

 
测试结果

我跳出了循环，i的值是5

这就是break语句，它无疑减小了程序的运算量
现在你可以更加灵活使用循环了




11，数组
编程中，我们可能需要大量定义变量来储存数据，有没有更好的方法
来看看数组吧
数组
什么是数组
数组就是在单独的变量名中存储一系列的值
定义方式
var 变量名=new Array(储存的数据)
多个数据中间用,隔开就可以了
如
var na=new Array(1,2,3,4,5);
如何输出
变量名[n-1]
我们来看看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
         var na=new Array(1,2,3,4,5);
         document.write(na[0]);  
        </script>
     </body>
  </html>

测试的结果

1

那如何输出全部的呢
length
length表明了整个数组储存的数据，常见于for语句中
定义方式
变量名.length
我们来试试吧
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
         var na=new Array(1,2,3,4,5);
         for(var i=0;i<na.length;i++){
           document.write(na[i]);  
         }
        </script>
     </body>
  </html>

测试的结果

12345

如你所见，它输出了整个数组储存的信息
for in语句
它其实也是一种循环，但是为什么现在讲呢，原因是它和数组有关，但是不能用于所有的循环情况中
它可以对数组储存的数据进行循环操作
效果类似于length，但是更简单
格式
for(变量 in 数组)
我们来试试吧
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
         var na=new Array(1,2,3,4,5);
         for(var i in na){
           document.write(na[i]);  
         }
        </script>
     </body>
  </html>

测试结果同上
好了，现在你可以更好储存数据了，接下来，请认真复习以上内容，以便更好地学习




        学习这些让你变得更强大吧
   以下内容难度较大，建议多加练习后再来学习
12，自定义对象
对象
什么是对象
对象是拥有属性和方法的数据，属性是与对象相关的值，方法以后我们会讲
讲完这些后，我们就看看怎么自定义对象
自定义对象
var 变量名=new Object;
这里的Object就指的对象
如
var Creeper=new Object;
之后我们看看怎么为对象添加属性吧
对象.属性名=内容;
如
var Creeper=new Object;
Creeper.with="glasses";
如何调用
看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          var Creeper=new Object;
          Creeper.with="glasses";
          document.write(Creeper.with);    
        </script>
     </body>
  </html>

测试的结果

glasses

现在，你可以正确使用对象编程了，如果你能理解以上内容的话，对你帮助还是很大的




13，函数
这是本教程最难章节，务必认真学习
函数I
什么是函数
函数就是可重复调用的代码区域
定义方式
function 函数名(参数){
执行内容
}
注：参数可以是一个，可以是多个，多个中间必须用,隔开，也可以是空的
如
function mf(){
document.write("I have built a function successfully");  
}
如何调用
函数名(参数);
注：如果有参数就全部写上，没有则不写
如
mf();
整合一下就是
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          mf();
          function mf(){
            document.write("I have built a function successfully");  
          }
        </script>
     </body>
  </html>

测试的结果

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语句
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          print("Hello World!");
          function print(string){
            this.s=string;
            document.write(s+"<br>");
          }
        </script>
     </body>
  </html>

测试的结果

Hello World!

注:这里的br是换行的意思，为html特有
return语句I
像循环一样，我们有时也要终止函数运行，那么如何实现
试试return语句吧
如判断一个数不是偶数时终止
function a(data){
this.d=data;
if(data%2!=0){
return;
}
}
如你所见，当这个数不是偶数时就会终止
return语句II
当return语句后面加上一个值时，它就会终止并得到一个值，这就是返回值
我们来试一下
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          document.write(p(1,2));
          function p(a,b){
            this.a=a;
            this.b=b;
            return a+b;
          }
        </script>
     </body>
  </html>

测试的结果

3

好了，这就是函数，希望你全部理解




14，方法
方法是能够在对象上执行的动作，一般是函数
格式
对象.方法名(参数)=function (参数){执行内容}
如果要调用，直接调用函数内部信息好了
看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          var obj=new Object
          var obj.howd=function (s){
            this.s=s;  
            document.write(s);      
          }
          obj.howd("Hello World!");
        </script>
     </body>
  </html>

测试的结果

Hello World!

好了，现在你进一步了解对象了




15，构造函数
构造函数
构造函数是一种特殊的方法。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值
定义方式
对象.函数
如果要调用，直接调用函数内部信息好了
让我们试一下吧
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
          var obj=new p("Hello World!");
          document.write(obj.str);         
            function p(s){
              this.str=s;            
          }
        </script>
     </body>
  </html>

测试的结果

Hello World!

更好地使用对象吧




16，模拟多态
多态
多态指同一个对象同时具有多种形式，同一操作作用于不同的对象，可以有不同的解释，产生不同的执行结果
但是JavaScript是基于对象的语言，没有类的概念，那么如何实现多态
apply&call语句
apply语句
格式
函数名.apply(对象，参数);
call语句
格式
函数名.call(对象);
用于调用所有参数
我们来看看下面的例子
<!DOCTYPE html>
  <html>
     <head>
       <meta charset="utf-8">
     </head>
     <body>
        <script type="text/javascript"> 
         function a(p){
           this.p=p;
         }
         function b(p){ 
           a.apply(this,[p]);
         }
         var obj=new b("Hello World!");
         document.write(obj.p);
        </script>
     </body>
  </html>

测试的结果

Hello World!

好了，现在我们实现了模拟多态
至此，js的教程就结束了，以现在的知识，做一个简单的modpe因该没有问题了吧
本教程由百度贴吧四眼苦力怕制作盗版必究