javascipt基础内容--需要注意的细节


Posted in Javascript onApril 10, 2013

javascipt-基础---细节需要注意的地方:

1、特殊数值:NaN、Infinity、isNaN()、isFinite()

NaN:

var a=parseInt('a123');
window.alert(a); //输出NaN

Infinity:

window.alert(6/0);//输出Infinity 无穷大(最好不要这样写)

isNaN():判断是不是数,不是数返回true,是数返回false

var a="dd";
window.alert(isNaN(a)); //返回true

isFinite():用于判断是不是无穷大。如果 number 是 NaN(非数字),或者是正、负无穷大的数,则返回 false。

window.alert(isFinite(6/1)); //返回true
window.alert(isFinite(6/0)); //返回false

2、逻辑运算符:

在逻辑运算中,0、""、false、null、undefined、NaN均表示false

(或 || )|| 将返回第一个不为false 那个值(对象亦可),或者是最后一个值(如果全部都是false的话)

这个知识点在javascript框架中运用很多。

a、

var a=true;
var b=false;
var c=b || a;
window.alert(c); //输出true

b、

var a=2;
var b=0
var c= a || b;
window.alert(c); //返回第一个值,输出2

c、

var a=false;
var b="";
var c =0;
var d =new Object(); //对象
var aa=a || b || c ||d ; //a,b,c 全是false 这返回d
window.alert(aa); //返回d (对象)

4、多分支 switch

var flag=1;
switch(flag){
default:
window.alert("啥都不是");
case 'a':
window.alert("a");
case 'b':
window.alert("b"); //没有break语句,没有匹配成功, 此时结果都输出
}
var flag=1;
switch(flag){
default:
window.alert("啥都不是");
case 'a':
window.alert("a");
case 1:
window.alert("b"); //没有break语句 当匹配成功则不再找break语句 此时输出b
}

5、函数调用

func.js

function abc(val){window.alert("abc()"+val);
}

//有返回值的函数
function test(num1,num2){
var res=0;
res =num1+num2;
return res;
}
//没有返回值的的函数
function noVal(num1,num2){
var res=0;
res=num1+num2;
}

函数调用:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="func.js"></script>
<script type="text/javascript">//函数调用1---普通调用(常用调用函数)
abc(50);

//函数调用2---变量=函数名; 调用的时候这样调用:变量(实际参数)
var test1=abc; //此时变量就相当于函数的引用(指针)
window.alert(abc); //输出abc整个函数代码,就能理解了
test1(500);
//如果调用的函数有返回值,可以在程序中直接返回,没有返回值但是你接收了,这是返回undefined
//调用有返回值的函数
var res=test(20,40);
window.alert(res); 
//调用没有返回值的函数
window.alert("调用没有返回值的函数");
var res=noVal(1,1);
//此时输出undefined
window.alert(res);
</script>
</head>
<body></body>
</html>

js支持参数个数可变的函数

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="func.js"></script>
<script type="text/javascript">
//函数调用--递归
/* function abc(num){
if(num>3){
abc(--num);
}
document.writeln(num);
}
//调用函数
abc(5); //输出 3 3 4
*/
//js支持参数个数可变的函数 
function abc(){
//js中提供了一个arguments,可以访问所以传入的值
window.alert(arguments.length); //传入多少个
//遍历传入的参数
for(var i=0;i<arguments.length;i++){
window.alert(arguments[i]);
}
}
//调用
window.alert("abc(12,13,\"hello\",56)");
abc(12,13,"hello",56)
window.alert("abc(5)");
abc(5);
window.alert("abc()");
abc();
</script>
</head>
<body></body>
</html>
Javascript 相关文章推荐
srcElement表格样式
Sep 03 Javascript
JQuery UI皮肤定制
Jul 27 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
JS实现自动变换的菜单效果代码
Sep 09 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
node.js操作MongoDB的实例详解
Oct 11 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
详解Angular6.0使用路由步骤(共7步)
Jun 29 Javascript
使用javascipt---实现二分查找法
Apr 10 #Javascript
页面使用密码保护代码
Apr 10 #Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 #Javascript
提示$ is not defined错误分析及解决
Apr 09 #Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 #Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 #Javascript
关于JQuery($.load)事件的用法和分析
Apr 09 #Javascript
You might like
php横向重复区域显示二法
2008/09/25 PHP
php GeoIP的使用教程
2011/03/09 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
JS实现网页端猜数字小游戏
2020/03/06 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python中生成器和yield语句的用法详解
2015/04/17 Python
Python实现求数列和的方法示例
2018/01/12 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
中国梦演讲稿范文
2014/08/28 职场文书
2014年创卫工作总结
2014/11/24 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
2015年小学教师培训工作总结
2015/07/21 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书