深入理解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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 Javascript
情人节之礼 js项链效果
Feb 13 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
学习jQuery中的noConflict()用法
Sep 28 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
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP反向代理类代码
2014/08/15 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
PHP7.0版本备注
2015/07/23 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
JS关于刷新页面的相关总结
2018/05/09 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
python使用mailbox打印电子邮件的方法
2015/04/30 Python
python实现备份目录的方法
2015/08/03 Python
Python基于回溯法子集树模板解决m着色问题示例
2017/09/07 Python
Python实现进程同步和通信的方法
2018/01/02 Python
Django ORM filter() 的运用详解
2020/05/14 Python
Python几种常见算法汇总
2020/06/02 Python
python如何导入依赖包
2020/07/13 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
python 星号(*)的多种用途
2020/09/21 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
一套软件测试笔试题
2014/07/25 面试题
奥巴马连任演讲稿
2014/05/15 职场文书
销售经理工作检讨书
2015/02/19 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
MSSQL基本语法操作
2022/04/11 SQL Server