JavaScript

超轻量级php框架startmvc

Javascript 类型转换、封闭函数及常见内置对象操作示例

更新时间:2020-09-23 16:18:01 作者:startmvc
本文实例讲述了Javascript类型转换、封闭函数及常见内置对象。分享给大家供大家参考,具

本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考,具体如下:

Javascript组成

1、ECMAscript javascript的语法(变量、函数、循环语句等语法) 2、DOM 文档对象模型 操作html和css的方法 3、BOM 浏览器对象模型 操作浏览器的一些方法

类型转换

1、直接转换 parseInt() 与 parseFloat()


alert('12'+7); //弹出127
alert( parseInt('12') + 7 ); //弹出19 
alert( parseInt(5.6)); // 弹出5
alert('5.6'+2.3); // 弹出5.62.3
alert(parseFloat('5.6')+2.3); // 弹出7.8999999999999995
alert(0.1+0.2); //弹出 0.3000000000000004
alert((0.1*100+0.2*100)/100); //弹出0.3
alert((parseFloat('5.6')*100+2.3*100)/100); //弹出7.9

2、隐式转换 “==” 和 “-”


if('3'==3)
{
 alert('相等');
}
// 弹出'相等'
alert('10'-3); // 弹出7

3、NaN 和 isNaN


alert( parseInt('123abc') ); // 弹出123
alert( parseInt('abc123') ); // 弹出NaN

调试程序的方法

1、alert

2、console.log

3、document.title

变量作用域

变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量。

1、全局变量:在函数之外定义的变量,为整个页面公用,函数内部外部都可以访问。 2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。


<script type="text/javascript">
 //全局变量
 var a = 12;
 function myalert()
 {
 //局部变量
 var b = 23;
 alert(a);
 alert(b);
 }
 myalert(); //弹出12和23
 alert(a); //弹出12 
 alert(b); //出错
</script>

封闭函数

封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。

一般定义的函数和执行函数:


function myalert(){
 alert('hello!');
};
myalert();

封闭函数:


(function myalert(){
 alert('hello!');
})();

还可以在函数定义前加上“~”和“!”等符号来定义匿名函数


!function myalert(){
 alert('hello!');
}()

封闭函数的好处

封闭函数可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全,比如:


var iNum01 = 12;
function myalert(){
 alert('hello!');
}
(function(){
 var iNum01 = 24;
 function myalert(){
 alert('hello!world');
 }
 alert(iNum01);
 myalert()
})()
alert(iNum01);
myalert();

常用内置对象

1、document


document.getElementById //通过id获取元素
document.getElementsByTagName //通过标签名获取元素
document.referrer //获取上一个跳转页面的地址(需要服务器环境)

2、location


window.location.href //获取或者重定url地址
window.location.search //获取地址参数部分
window.location.hash //获取页面锚点或者叫哈希值

3、Math、


Math.random 获取0-1的随机数
Math.floor 向下取整
Math.ceil 向上取整

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

Javascript 类型转换 封闭函数 内置对象