深入理解JavaScript单体内置对象


Posted in Javascript onJune 06, 2016

JavaScript中定义了两个单体内置对象:Global和Math。

Global对象

Global对象是JavaScript中最特别的一个对象。不属于任何其他对象的属性和方法,最终都是它的属性和方法。实际上,没有全局变量或全局作用域,所有在全局作用域中定义的属性和函数,都是Global对象的属性。

Global对象包含了一些有用的方法:

1.URI编码方法

Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码,encodeURI()主要用于整个URI,而encodeURIComponent()主要用于对URI中的某一段进行编码。

var uri = "http://www.3water xxyh.com#login";
alert(encodeURI(uri));     // "http://www.3water%20xxyh.com#login"
alert(encodeURIComponent(uri)); // "http%3A%2F%2Fwww.3water%20xxyh.com%23login"

encodeURI()不会对本身属于URI的特殊字符进行编码(如,冒号、正斜杠、问号和井号),encodeURIComponent会对发现的任何非标准字符进行编码。

与encodeURI()和encodeURIComponent()对应的有两个解码方法decodeURI和decodeURIComponent

var uri = "http%3A%2F%2Fwww.3water%20xxyh.com%23login";
alert(decodeURI(uri));   // "http%3A%2F%2Fwww.3water xxyh.com%23login"
alert(decodeURIComponent(uri)); // http://www.3water xxyh.com#login

其中,decodeURI()只能对使用encodeURI()替换的字符进行解码。decodeURIComponent能够对encodeURIComponent()进行解码。

2.eval()方法

eval()只接受一个参数,即要执行的JavaScript字符串,例如:

eval("alert('hello')");

上面这行代码等价于:

alert("hello");

当解析器调用eval()方法时,会将传入的参数作为实际的JavaScript语句解析,然后将执行结果插入原来的位置。通过eval()执行的代码被认为是包含该次调用的执行环境的一部分,因此被执行的代码具有与该执行环境相同的作用域链。这意味着通过eval()执行的代码可以引用在包含环境中定义的变量。

var msg = "good morning";
eval("alert(msg)");    // "good morning"

同样地,可以在eval()中定义一个函数,然后再在该调用的外部引用这个函数:

eval("function sayHi() {alert('hello')}");

对于变量也是一样:

eval("var msg = 'hello world'");
alert(msg);    // "hello world"

在eval()中创建的任何变量或函数都不会被提升,在解析代码时,它们被包含在一个字符串中;只有在eval()执行时才创建。

3.window对象

JavaScript没有指出如何直接访问Global对象,但是web浏览器都是将它作为window对象的一部分加以实现的。因此,在全局作用域中声明的所有变量和函数,都称为window对象的属性。

var color = "red";
function sayColor() {
  alert(window.color);
}
window.sayColor();

上面定义了一个全局变量color和全局函数sayColor()方法,在函数内部通过window.color来访问color变量,说明全局变量color是window对象的属性。然后通过window.sayColor()来调用sayColor()方法,说明sayColor()是window对象的方法。

取得Global对象的方法:

var global = function () {
  return this;
}();

Math对象

JavaScript提供了Math对象,用于提供快速的计算功能。

1.Math对象的属性

Math对象的属性大多是一些数学计算中的特殊值。

深入理解JavaScript单体内置对象

2.min()和max()方法

min()和max()方法用于确定一组数值中的最小值和最大值。这两个方法都可以接收任意多个数值参数。

var max = Math.max(4,89,65,34);
alert(max);  // 89

var min = Math.min(4,89,65,34);
alert(min);

查找数值中的最大值和最小值,可以使用如下的方式调用apply()方法:

var values = [4,89,65,34];
var max = Math.max.apply(Math, values);

3.舍入方法

• Math.ceil():向上舍入,即进一法,只要小数位不为0就向上取整
• Math.floor():向下舍入,即取整法,舍去小数位
• Math.round():标准舍入,即四舍五入法

示例:

alert(Math.ceil(11.4)); // 12
alert(Math.ceil(11.5)); // 12
alert(Math.ceil(11.8)); // 12

alert(Math.floor(11.4)); // 11
alert(Math.floor(11.5)); // 11
alert(Math.floor(11.8)); // 11

alert(Math.round(11.4)); // 11
alert(Math.round(11.5)); // 12
alert(Math.round(11.8)); // 12

alert(Math.ceil(-11.4)); // -11
alert(Math.ceil(-11.5)); // -11
alert(Math.ceil(-11.8)); // -11

alert(Math.floor(-11.4)); // -12
alert(Math.floor(-11.5)); // -12
alert(Math.floor(-11.8)); // -12

alert(Math.round(-11.4)); // -11
alert(Math.round(-11.5)); // -11
alert(Math.round(-11.8)); // -12

4.random()方法

Math.random()方法返回一个随机数(0≤r<1)。

例如,获取一个1到10之间的整数:

var num = Math.floor(Math.random() * 10 + 1);

5.其他方法

Math对象还提供了一些完成各种个中简单或复杂的计算。

深入理解JavaScript单体内置对象

ECMA-262 规定了这些方法,但是不同的实现可能精确度不同。

以上这篇深入理解JavaScript单体内置对象就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
Angular中自定义Debounce Click指令防止重复点击
Jul 26 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
May 03 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
通过循环优化 JavaScript 程序
Jun 24 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 Javascript
基于JS实现省市联动效果代码分享
Jun 06 #Javascript
对象转换为原始值的实现方法
Jun 06 #Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 #Javascript
node-http-proxy修改响应结果实例代码
Jun 06 #Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 #Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 #Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 #Javascript
You might like
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP 变量定义和变量替换的方法
2009/07/30 PHP
php在服务器执行exec命令失败的解决方法
2012/03/03 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
js子页面获取父页面数据示例
2014/05/15 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
javascript this详细介绍
2016/09/19 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
nohup的用法
2012/11/26 面试题
高中生毕业自我鉴定
2013/10/10 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
政风行风建设责任书
2014/07/23 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
销售人员工作自我评价
2014/09/21 职场文书
社区工作者个人总结
2015/02/28 职场文书
广播体操比赛主持词
2015/06/29 职场文书
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python