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实现自己的DOM选择器原理及代码
Mar 04 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
用js传递value默认值的示例代码
Sep 11 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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
codeigniter数据库操作函数汇总
2014/06/12 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
PHP页面转UTF-8中文编码乱码的解决办法
2015/10/20 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
完美的php分页类
2017/10/24 PHP
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
详解node字体压缩插件font-spider的用法
2018/09/28 Javascript
微信小程序自定义键盘 内部虚拟支付
2018/12/20 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
python 生成不重复的随机数的代码
2011/05/15 Python
Python延时操作实现方法示例
2018/08/14 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
小学教师师德演讲稿
2014/05/06 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
mysql知识点整理
2021/04/05 MySQL
django注册用邮箱发送验证码的实现
2021/04/18 Python
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
python+opencv实现视频抽帧示例代码
2021/06/11 Python