JavaScript基础入门：变量、函数、条件与循环详解

JavaScript基础概述

在深入探讨jQuery之前，有必要先梳理JavaScript（简称JS）的基础语法。尽管不同编程语言在基础概念上如变量、函数、条件语句和循环语句等方面大同小异，但具体语法实现各有特色。以JS为例，声明局部变量需使用var关键字；由于JS属于弱类型语言，若省略var，该变量将被视为全局变量，这一点在实际开发中需格外注意。

变量声明与作用域

在程序运行过程中，其值可以发生改变的（呵呵，１０多年前书上的定义）

var people ; //声明一个名为people的变量

var people="good boy" ; //声明变量的同时为它赋值,浏览器自动解释它为字符型变量

var age=23; //声明一个局部变量，类型为整形

age=30 ; //声明一个全局变量，类型为整形，在程序执行过程中，它不会被释放

函数定义与调用

函数（function）是将实现特定功能的代码块组织在一起的整体结构，它能有效减少代码重复，提升程序的可读性。

 
// 标准写法
funciton helloFun(){
alert("hellow world")
} 
// 变量形式的写法
var helloFun=function(){
alert("hellow world")
} 
// 函数可以有参数，它异为弱类型
var helloFun=function(msg){
alert(msg);
} 
// 函数的调用
helloFun("hello world");

条件语句：Switch与If

当面临多种结果时，条件语句便派上用场。若条件值固定且有限，推荐使用switch语句；否则则使用if...else结构。具体代码示例如下：

 
// switch实例
var inputNumber=document.getElementByID("type");
switch(inputNumber)
{ 
case 1:
alert("类型１号");
break;
case 2:
alert("类型2号");
break;
case 3:
alert("类型3号");
break;
default:
alert("throw new Exception()");
break;
} 
// if实例
var inputAge=document.getElementByID("age");
if(inputAge>1 && inputAge<18)
{ 
alert("未成年");
} 
else if (inputAge>=18 && inputAge<70)
{ 
alert("成年人");
} 
else if(inputAge>=70)
{ 
alert("老年人")
} 
else
{ 
alert("填写表单有误")；
} 

循环语句与性能优化

当满足特定条件时，若需重复执行某段代码，可以使用while或for等循环结构。

 
// for循环
var arr=[1,2,3]
for(int i=0;j=Arr.length;i<j;i++){
console.log(arr[i]); // 火狐的控制台可以看到结果
} 

在JavaScript中，代码执行性能至关重要。上述for循环写法性能尚可，但若采用另一种常见写法，性能会有所下降，因为每次迭代都会重新计算数组长度。

遍历时，都会去求Arr的长度。

 
// for循环
var arr=[1,2,3]
for(int i=0;i<Arr.length;i++){
console.log(arr[i]); // 性能不好的
} 

至此，JavaScript编程基础知识介绍完毕。从下期开始，将正式引入jQuery相关知识的学习，感谢阅读！