Javascript学习教程

楼主
我是社区第128位番薯,欢迎点我头像关注我哦~
本帖最后由 漩涡 于 2013-8-20 20:51 编辑

前提:熟悉Java语言
第一节:基本准备

运行环境:
Javascript一般运行在浏览器中,以下的示例都在Chrome浏览器的控制台进行测试。
打开方式:
打开Chrome浏览器控制台的方式:设置——>工具——>Javascript控制台
在控制台中输入正确的Javascript代码并按Enter键就可以看到运行结果了(使用Ctrl+Enter进行多行输入)。

第二节:常用关键字


var           用于定义一个变量,不像Java里面需要根据变量类型的不同,使用不同的关键字,Javascript里面只有一个
                示例:var remainDays = 4;
                注意:定义变量的时候,一定要加上var,不然就会被默认为是全局变量,造成不可预知的错误,如果要定义全局变量,应该显式的定义为:window.globalVar = 12;这样就定义了一个名字叫globalVar的全局变量。

function   用于定义一个函数,Javascript里面函数是第一等成员,类似于Java里面的类(class)是第一等成员一样
                示例:
                         // alarm函数,弹出一个带有警告语言的对话框
                         function alarm(message) {
                             alert(message);  
                         }
                         // 也可以这么定义
                         var alarm1 = function(message) {
                             alert(message);  
                         }
                         以上两种定义方式,在使用的时候都是一样的:
                         alarm("你好");
                         alarm1("你好");
                         两个函数的调用效果是一样的!
                    可以看到,函数的定义方式为:
                    function functionName(arg1, arg2, ...) {
                         doSomething();
                    }
                    或者:
                    var functionName = function(arg1, arg2, ...) {
                         doSomething();
                    }
                    而函数的调用方式则是在函数名后面加上"()",如果有参数,就在括号里面写参数:
                    functionName("OK", "Cancle", "Error");

if              用于条件语句,使用同Java中if...else语句的使用
                示例:
                         var a = "success";//可以改变该字符串以观察不同的结果
                         if (a.length == 7) {
                              a += "hello";
                         } else if (a.length == 8) {
                              a += "test";
                         }
                         alert(a);//输出successhello

for            用于循环语句的,两种使用方式
                假如有数组arr: var arr = [1,2,3,4,5,6,7,8,9,0];
                 一、for in 语句:
                         // 遍历arr对象,并输出它所有的元素(方法)
                         for (var e in arr) {
                              alert(e);
                         }
                 二、for语句:
                         // 循环
                         for (var i = 0; i < arr.length; i ++) {
                              alert(arr);
                         }
                 注意:如果arr是数组的话,以上两种方式的效果才会一样,否则有不同的用处

while         用法基本和Java里面的while语句一样
                  示例:
                         var count = 0;
                         while(count < 100) {
                              doSomething();
                              count++;
                         }

new            新建一个Javascript对象,作用基本同Java中的new关键字
                  示例:
                         // 新建一个名为arr的数组对象
                         var arr = new Array();
                         // 往数组对象中放值
                         arr.push("aa");
                         // 现在数组中就有一个元素aa了

                         // 新建一个名为obj的普通对象
                         var obj = new Object();
                         // 给obj对象一个属性
                         obj.text = "test";
                         // 使用的方式如下,将会弹出一个带有test文字的对话框
                         alert(obj.text);

                   注意:一般情况下,新建数组对象和新建普通对象,不使用上述方式,而使用下述的更为简洁的方式
                         数组:var arr = [];
                         对象:var obj = {};

return         返回一个值,用法同Java中的return关键字
                  示例:
                         function add(a, b) {
                              return a + b;
                         }
                         var result = add(2, 4);
                         alert(result);//输出2加4的结果6









分享扩散:

沙发
发表于 2013-11-14 14:53:35
感谢楼主,辛苦了!
板凳
发表于 2014-3-17 17:24:00
非常感谢啊!
地板
发表于 2016-8-1 13:35:46
5楼
发表于 2016-8-11 17:24:36
{:6_154:}感谢楼主
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表