Jquery真的不难~第一回 编程基础知识

Jquery真的不难~第一回 编程基础知识

 

回到目录

前言

　　　说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...else，看代码

// switch实例
var inputNumber=document.getElementById("type").value;
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").value;
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(var i=0,j=Arr.length;i<j;i++){
  console.log(arr[i]);  // 火狐的控制台可以看到结果
}

事实上，在ＪＳ世界，对于代码的执行性能也是很有讲究的，我们在for语句的写法性能不是错的，但如果写成下面的，性能会有所下降，因为它每次

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

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

好了，对于ＪＳ编程基础知识就写到这里，从下回开始，将介绍jquery的相关知识了，感谢阅读！

 回到目录