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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
js charAt的使用示例
Feb 18 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
微信小程序实现animation动画
Jan 26 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
vue实现页面切换滑动效果
Jun 29 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 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
一个高ai的分页函数和一个url函数
2006/10/09 PHP
php下载远程文件类(支持断点续传)
2008/11/14 PHP
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
jquery实现左右滑动菜单效果代码
2015/08/27 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
python提取页面内url列表的方法
2015/05/25 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
Python自动化运维和部署项目工具Fabric使用实例
2016/09/18 Python
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
大学生四年生活自我鉴定
2013/11/21 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技