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


Posted in Javascript onJanuary 15, 2013

前言
说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的相关知识了,感谢阅读!
Javascript 相关文章推荐
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
AngularJS ng-template寄宿方式用法分析
Nov 07 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
vue 微信扫码登录(自定义样式)
Jan 06 Javascript
小程序自定义弹框效果
Nov 16 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 #Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 #Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 #Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 #Javascript
window.requestAnimationFrame是什么意思,怎么用
Jan 13 #Javascript
jquery获取div宽度的实现思路与代码
Jan 13 #Javascript
jQuery实现用方向键控制层的上下左右移动
Jan 13 #Javascript
You might like
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
jQuery 开天辟地入门篇一
2009/12/09 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
Javascript实现找不同色块的游戏
2017/07/17 Javascript
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
Python3.2中Print函数用法实例详解
2015/05/19 Python
用Python抢过年的火车票附源码
2015/12/07 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
Python 输出时去掉列表元组外面的方括号与圆括号的方法
2018/12/24 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
python编程的核心知识点总结
2021/02/08 Python
一套比较完整的软件测试人员面试题
2012/05/13 面试题
解决方案设计综合面试题
2015/08/31 面试题
妇女儿童发展规划实施方案
2014/03/16 职场文书
工程承包协议书
2014/04/22 职场文书
如何写股份合作协议书
2014/09/11 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
论文答谢词
2015/01/20 职场文书
技术员岗位职责
2015/02/04 职场文书
详解flex:1什么意思
2022/07/23 HTML / CSS