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 相关文章推荐
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
JavaScript学习笔记(一) js基本语法
Oct 25 Javascript
js实现点击获取验证码倒计时效果
Jan 28 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
jquery checkbox的相关操作总结
Oct 17 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
JavaScript中MutationObServer监听DOM元素详情
Nov 27 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 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
JS版网站风格切换实例代码
2008/10/06 Javascript
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
JavaScript实现图片DIV竖向滑动的方法
2015/04/25 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
2020/04/08 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
在Python中关于中文编码问题的处理建议
2015/04/08 Python
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
学习python类方法与对象方法
2016/03/15 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
python virtualenv虚拟环境配置与使用教程详解
2020/07/13 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
C#中的验证控件有几种
2014/03/08 面试题
环境工程专业自荐信
2014/03/03 职场文书
导师推荐信范文
2014/05/09 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
小学国庆节活动总结
2015/03/23 职场文书
MySQL学习之基础命令实操总结
2022/03/19 MySQL
SpringBoot详解执行过程
2022/07/15 Java/Android