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 相关文章推荐
js 自定义的联动下拉框
Feb 07 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
微信小程序使用request网络请求操作实例
Dec 15 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
Feb 14 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 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
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
php使用smtp发送支持附件的邮件示例
2014/04/13 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
ionic2中使用自动生成器的方法
2018/03/04 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
python xlsxwriter模块的使用
2020/12/24 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
乡镇三项教育实施方案
2014/03/30 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
检讨书范文1000字
2015/01/28 职场文书
大学生社会实践活动总结报告
2015/05/06 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
公司周年庆典致辞
2015/07/30 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
高三语文教学反思
2016/02/16 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书