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的表单操作 简单计算器
Dec 29 Javascript
游览器中javascript的执行过程(图文)
May 20 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
下一代Bootstrap的5个特点 超酷炫!
Jun 17 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
浅谈React高阶组件
Mar 28 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 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
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
PHP入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
统计出现最多的字符次数的js代码
2010/12/03 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
学习Vue组件实例
2018/04/28 Javascript
实例介绍JavaScript中多种组合继承
2019/01/20 Javascript
Angular单元测试之事件触发的实现
2020/01/20 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
Python3.6笔记之将程序运行结果输出到文件的方法
2018/04/22 Python
python如何生成网页验证码
2018/07/28 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
Python实现直播推流效果
2019/11/26 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
html5教程画矩形代码分享
2013/12/04 HTML / CSS
军训的自我鉴定
2013/12/10 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
音乐之声音乐广播稿
2014/09/10 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
赢在中国观后感
2015/06/02 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
详细了解java监听器和过滤器
2021/07/09 Java/Android
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers