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 解析多维的Json数据格式
Nov 02 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
VueJs组件prop验证简单介绍
Sep 12 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 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转换IP地址到真实地址的方法详解
2013/06/09 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
2012/12/10 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
基本DOM节点操作
2017/01/17 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
[52:32]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第三场 11.18
2020/11/18 DOTA
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
对于Python中RawString的理解介绍
2016/07/07 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
树莓派实现移动拍照
2019/06/22 Python
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
外语专业毕业生自我评价分享
2013/10/05 职场文书
给客户的道歉信
2014/01/13 职场文书
汽车促销活动方案
2014/03/31 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
在职证明书模板
2015/06/15 职场文书
2015年暑假工作总结
2015/07/13 职场文书
车辆管理制度范本
2015/08/05 职场文书
安全主题班会教案
2015/08/12 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers
Python类方法总结讲解
2021/07/26 Python
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers