Maison > interface Web > js tutoriel > javascript真的不难-回顾一下基础知识_基础知识

javascript真的不难-回顾一下基础知识_基础知识

WBOY
Libérer: 2016-05-16 17:43:36
original
933 Les gens l'ont consulté
前言
说Jquery之前,先来学习一下Javascript(以后简称为JS)语言中的基础知识问题,其时对于每种编程语言来说基础知识都是大同小异的,对变量,函数,条件语句块,循环语句块等等,而对于每种语言在写法上到是显得各有不同,如JS里在定义变量时,你要用var去声局部变量的声明,而对于弱类型的语言JS来说,你也可以不加var,但不加它会认为这个变量为全局变量,这是要注意的。

变量
在程序运行过程中,其值可以发生改变的(呵呵,10多年前书上的定义)
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");
switch(inputNumber)
{
case 1:
alert("类型1号");
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{
alert("未成年");
}
else if (inputAge>=18 && inputAge{
alert("成年人");
}
else if(inputAge>=70)
{
alert("老年人")
}
else
{
alert("填写表单有误");
}

循环语句
即在附和某个条件的时候,重复的执行某个代码块,我们可以使用while ,for等等
复制代码 代码如下:

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

事实上,在JS世界,对于代码的执行性能也是很有讲究的,我们在for语句的写法性能不是错的,但如果写成下面的,性能会有所下降,因为它每次
遍历时,都会去求Arr的长度。
复制代码 代码如下:

// for循环
var arr=[1,2,3]
for(int i=0;iconsole.log(arr[i]); // 性能不好的
}

好了,对于JS编程基础知识就写到这里,从下回开始,将介绍jquery的相关知识了,感谢阅读!
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal