深入理解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 相关文章推荐
javascript getElementsByName()的用法说明
Jul 31 Javascript
JavaScript中的Array对象使用说明
Jan 17 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
jQuery实现弹幕特效
Nov 29 jQuery
基于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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
php的debug相关函数用法示例
2016/07/11 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
JavaScript 严格模式(use strict)用法实例分析
2020/03/04 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
详解Python中的type和object
2018/08/15 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
出纳岗位职责
2013/11/09 职场文书
安全检查管理制度
2014/02/02 职场文书
优秀党支部书记事迹材料
2014/05/29 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
教师病假条范文
2015/08/17 职场文书
2019年教师节:送给所有老师的祝福语
2019/09/05 职场文书
全网非常详细的pytest配置文件
2022/07/15 Python