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数组的操作详解
Mar 27 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
Bootstrap CSS布局之表格
Dec 17 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
Jan 20 Javascript
Bootstrap提示框效果的实例代码
Jul 12 Javascript
使用JavaScript破解web
Sep 28 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
Vuex的热更替如何实现
Jun 05 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循环结构实例讲解
2014/02/10 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
[15:09]DOTA2国际邀请赛采访专栏:Loda
2013/08/06 DOTA
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
浅谈python迭代器
2017/11/08 Python
python kafka 多线程消费者&amp;手动提交实例
2019/12/21 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
java关于string最常出现的面试题整理
2021/01/18 Python
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
程序员岗位职责
2013/11/11 职场文书
新闻系毕业生推荐信
2013/11/16 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
小学班长竞选稿
2015/11/20 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers