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 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
Javascript事件热键兼容ie|firefox
Dec 30 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
微信小程序之批量上传并压缩图片的实例代码
Jul 05 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
Node.js API详解之 util模块用法实例分析
May 09 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计算上一个月的今天
2013/05/23 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
php命令行写shell实例详解
2018/07/19 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
Python实现从百度API获取天气的方法
2015/03/11 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
python try...finally...的实现方法
2020/11/25 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
教师绩效工资方案
2014/02/01 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
护校行动方案
2014/05/31 职场文书
复活读书笔记
2015/06/29 职场文书
详解JAVA的控制语句
2021/11/11 Java/Android
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python