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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 Javascript
js图片切换具体实现代码
Oct 13 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
折叠菜单及选择器的运用
Feb 03 Javascript
总结4个方面优化Vue项目
Feb 11 Javascript
一文了解vue-router之hash模式和history模式
May 31 Javascript
vue中实现动态生成二维码的方法
Feb 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
基于文本的留言簿
2006/10/09 PHP
php执行sql语句的写法
2009/03/10 PHP
php正则表达式(regar expression)
2011/09/10 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
laravel请求参数校验方法
2019/10/10 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
jQuery 使用手册(四)
2009/09/23 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
浅析node.js中close事件
2014/11/26 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
深入理解js promise chain
2016/05/05 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
通过命令行创建vue项目的方法
2017/07/20 Javascript
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
[00:53]2015国际邀请赛 中国区预选赛一触即发
2015/05/14 DOTA
深入浅析python定时杀进程
2016/06/06 Python
关于Django外键赋值问题详解
2017/08/13 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
python pygame实现五子棋小游戏
2020/10/26 Python
如何在python中实现随机选择
2019/11/02 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
python re.match()用法相关示例
2021/01/27 Python
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
银行门卫岗位职责
2013/12/29 职场文书
大学生村官典型材料
2014/01/12 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
2015年效能监察工作总结
2015/04/23 职场文书