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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
js实现继承的5种方式
Dec 01 Javascript
javascript基本语法
May 31 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
js实现简单的计算器功能
Jan 16 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
仿淘宝JSsearch搜索下拉深度用法
Jan 15 Javascript
js实现二级联动简单实例
Jan 11 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 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下打开URL地址的几种方法小结
2010/05/16 PHP
php数组一对一替换实现代码
2012/08/31 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
2018/12/06 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
python 不以科学计数法输出的方法
2018/07/16 Python
python 实现让字典的value 成为列表
2019/12/16 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
中国宠物用品商城:E宠商城
2016/08/27 全球购物
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
英国标准协会商店:BSI Shop
2019/02/25 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
出国留学介绍信
2014/01/13 职场文书
毕业评语大全
2014/05/04 职场文书
化学教育专业求职信
2014/07/08 职场文书
法院授权委托书格式
2014/09/28 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript