入门 Android 之 js

所谓的前端开发，浅显的理解就是是指我们经常看到的各种界面。比如网页，小程序、Android和iOS端的App等，都属于前端范畴。学习前端开发，选择从布局入门，学习各种界面控件，符合认识由浅入深的基本过程。Android中的界面实现是通过xml来定义，衍生出的html，具有使用简单和使用范围的优点，所以选择从html入手，可以起到一石二鸟的效果。具体可以参考我的另一篇文章：入门Android布局之html。当然，更进一步的学习要求我们透过现象看本质。html界面的背后逻辑是通过js来实现的，下面看一下js的基本使用方式。

1 三种提示框：

三种提示框指：提醒框、确认框、输入框。提醒框用于对用户的操作进行提示；确认框具有同样的功能，不同的是多了「取消」和「确定」两个按钮，供用户选择；输入框用来获取用户的输入。实际效果如下：

提醒框

确认框

输入框

具体代码：

2 变量

js中的变量类型包括number，string，object三种，其中数组是object类型。定义方式如下：

//number
var a = 10
//string
var b = "string"
//object 数组定义的一种方式
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
alert(typeof(arr1));
//object 数组定义的另一种方式
var arr2 = ["a", 1, arr1];      
alert(arr2.length);

数组中能够存放各种数据；在数组定义时可以传入预定义长度，但是当下标超过预定义长度时，数组不会溢出，而是会自动增加长度。

3 逻辑语句

和VB、C、Java语言一样，js中定义了if、while、for循环语句，当然也包括加、减、乘、除和三目运算符。具体实现如下：

// if语句
var score = prompt("请输入学生分数：", "分数")
// alert(typeof(score));
var value = parseInt(score);
// alert(typeof(value));
var rank = "aa";
if(value >= 0 && value < 60){
    rank = "D";
}
else if (value >= 60 && value < 80){
    rank = "C";
}
else if(value >= 80 && value < 90){
    rank = "B";
}
else if(value >= 90 && value < 100){
    rank = "A";
}else{
    rank = "请输入正确分数";
}
alert(rank);

//while语句
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
var arr2 = ["a", 1, arr1];      
var i = arr2.length - 1;
while(i >= 0){
    alert(arr2[i]);
    i--;            
}
//for语句
var arr1 = new Array();
arr1[0] = "a";
arr1[1] = 1;
var arr2 = ["a", 1, arr1];      
for (var i = arr2.length - 1; i >= 0; i--) {
    alert(arr2[i]);
}

4 函数

常用的函数定义方式两种：带函数名的方式和不带函数名的方式。匿名方式常用于绑定对象，类似Android中的接口。js中函数不存在重写，后面定义的同名函数会把前面函数覆盖掉。具体实现：

aa("是个coder");
function aa(b){
    alert("冬风破10:" + b);
}
window.onload = function(){
    alert("约吗？");
}
function aa(b){
    alert("冬风破222:" + b);
}

如果编程语言是一部轿车，那么变量、语法和函数就是车上的零部件。用这些零部件，一般人都能够装配出大众、长城等常用车；更进一步也能装配出BMW、奔驰等高档车；或许还有人能打造出劳斯莱斯、特斯拉般的豪车。让我们一起来学习，早日进步成为老司机！

关注和喜欢都是对我的鼓励和支持~