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 相关文章推荐
jquery 新浪网易的评论块制作
Jul 01 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
May 21 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
关于Javascript中document.cookie的使用
Mar 08 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 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带密码功能并下载远程文件保存本地指定目录 修改加强版
2010/05/16 PHP
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
python解决字典中的值是列表问题的方法
2013/03/04 Python
python实现堆栈与队列的方法
2015/01/15 Python
Python函数式编程
2017/07/20 Python
windows10下python3.5 pip3安装图文教程
2018/04/02 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
英国航空官网:British Airways
2016/09/11 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
两只小狮子教学反思
2014/02/05 职场文书
主题婚礼策划方案
2014/02/10 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
七一活动主持词
2015/06/29 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
Promise静态四兄弟实现示例详解
2022/07/07 Javascript