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实现的分页函数
Feb 07 Javascript
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
js异常捕获方法介绍
Apr 10 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
node.js基础知识小结
Feb 26 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
JS Web Flex弹性盒子模型代码实例
Mar 10 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
php返回字符串中所有单词的方法
2015/03/09 PHP
js修改input的type属性问题探讨
2013/10/12 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
Python 开发Activex组件方法
2009/11/08 Python
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python实现内存监控系统
2021/03/07 Python
想学python 这5本书籍你必看!
2018/12/11 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
Python跳出多重循环的方法示例
2019/07/03 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
涉外经济法专业毕业生推荐信
2013/11/24 职场文书
教师研修随笔感言
2014/01/23 职场文书
个人违纪检讨书
2014/09/15 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
财会专业大学生求职信
2014/09/26 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
初中体育教学随笔
2015/08/15 职场文书
班级管理经验交流材料
2015/11/02 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
js Proxy的原理详解
2021/05/25 Javascript
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis