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 选择器 xpath 语法应用
May 13 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
JavaScript实现打字效果的方法
Jul 10 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
Angularjs 与 bower安装和使用详解
May 11 Javascript
Webpack的dll功能使用
Jun 28 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
个人小程序接入支付解决方案
May 23 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 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
PHPMailer安装方法及简单实例
2008/11/25 PHP
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
canvas的神奇用法
2017/02/03 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
JavaScript实现分页效果
2017/03/28 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
angularJS开发注意事项
2018/05/26 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
如何利用Fabric自动化你的任务
2016/10/20 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
pytorch permute维度转换方法
2018/12/14 Python
python+logging+yaml实现日志分割
2019/07/22 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
python3的数据类型及数据类型转换实例详解
2019/08/20 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
Python函数参数分类原理详解
2020/05/28 Python
机关党员四风问题个人整改措施
2014/10/26 职场文书
优秀班主任材料
2014/12/16 职场文书
祝酒词范文
2015/08/12 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
PHP 时间处理类Carbon
2022/05/20 PHP