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 相关文章推荐
EXT中xtype的含义分析
Jan 07 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
详解使用nvm管理多版本node的方法
Aug 30 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
Sep 21 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
php URL编码解码函数代码
2009/03/10 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
[原创]php求圆周率的简单实现方法
2016/05/30 PHP
php 数组元素快速去重
2017/05/05 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
调试php程序的简单步骤
2019/10/04 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
Python中的hypot()方法使用简介
2015/05/18 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
九年级科学教学反思
2014/01/29 职场文书
中学生期末评语
2014/02/03 职场文书
电话客服工作职责
2014/07/27 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
上课说话检讨书
2015/01/27 职场文书
2015年复活节活动总结
2015/02/27 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
关于运动会的广播稿
2015/08/19 职场文书