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

 更新时间:2013年01月15日 14:33:14   作者:  
先来学习一下Javascript语言中的基础知识问题其时对于每种编程语言来说基础知识都是大同小异的,对变量,函数,条件语句块,循环语句块等等,本文简要介绍一下,感兴趣的朋友可以了解下
前言
说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<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]); // 火狐的控制台可以看到结果
}

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

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

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

相关文章

  • js基石系列学习之错误类型

    js基石系列学习之错误类型

    这篇文章主要为大家介绍了js基石系列学习之错误类型示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Javascript中的数据类型之旅

    Javascript中的数据类型之旅

    JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。
    2015-10-10
  • Javascript数组Array基础介绍

    Javascript数组Array基础介绍

    本文主要是给大家简单介绍了Array的相关基础知识,到这里也算是能对Array有更全面的理解了,希望大家能够喜欢,后续我们将继续介绍关于array的内容。
    2016-03-03
  • Javascript之Number对象介绍

    Javascript之Number对象介绍

    本文主要介绍javascript中的Number对象的用法,讲解的很详细,希望能给大家做一个参考。
    2016-06-06
  • javascript实现的一个随机点名功能

    javascript实现的一个随机点名功能

    这篇文章主要介绍了JS实现的一个随机点名功能,逻辑简单,用在班级或活动时是个不错的选择,需要的朋友可以参考下
    2014-08-08
  • 可以关闭计算机的js脚本

    可以关闭计算机的js脚本

    可以关闭计算机的js脚本...
    2007-02-02
  • JavaScript中的setUTCDate()方法使用详解

    JavaScript中的setUTCDate()方法使用详解

    这篇文章主要介绍了JavaScript中的setUTCDate()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 关于javascript中的parseInt使用技巧

    关于javascript中的parseInt使用技巧

    前面好几次遇到JavaScript中parseInt函数把字串转为数字,前面遇到过几次问题,然后就换其它方法进行比较。
    2009-09-09
  • 微信小程序开发之入门实例教程篇

    微信小程序开发之入门实例教程篇

    2016年推出微信小程序,时至今日,历经几个版本的更新,已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法,今后会继续关注和实践。需要的朋友可以参考学习,下面来一起看看吧。
    2017-03-03
  • JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定,那就是匀速运动;如果变化的速率不一定,那么就是变速运动
    2012-11-11

最新评论