javascript中两种类型的全局对象/函数

y雪莉      2022-02-08     561

关键词:


一、核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象

这些对象在程序执行之前就已经(实例化)存在了。ECMAScript称为The Global Object,分为以下几种

1, 值属性的全局对象(Value Properties of the Global Object)。有NaN,Infinity,undefined。
2, 函数属性的全局对象(Function Properties of the Global Object)。有eval,parseInt,parseFloat,isNaN,isFinite,decodeURI,encodedURI,encodeURIComponent
3,构造器(类)属性的全局对象(Constructor Properties of the Global Object)。有Object,Function,Array,String,Boolean,Number,Date,RegExp,Error,EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError。
4,其它属性的全局对象(Other Properties of the Global Object),可以看出成是Java中的静态类,可以直接用类名+点号+方法名使用。有Math,JSON。

ECMAScript规范提到这些全局对象(The Global Object)是具有Writable属性的,即Writable为true,枚举性(Enumerable)为false,即不能用for in枚举。ECMAScript有这么一段

Unless otherwise specified, the standard built-in properties of the global object have attributes {[[Writable]]: true, [[Enumerable]]: false, [[Configurable]]: true}.


虽然规范提到The Global Object是可以被重写的,但不会有谁去重写它们的。这里仅仅做个测试。

1
2
3
4
5
6
7
8
9
NaN    = 11;
eval   = 22;
Object = 33;
Math   = 44;
 
alert(NaN);
alert(eval);
alert(Object);
alert(Math);<br>

分别取值属性的全局对象, 函数属性的全局对象,构造器(类)属性的全局对象,其它属性的全局对象NaN,eval,Object,Math。结果如下

结果可以看出除了NaN在IE9(pre3)/Safari不能被重写外,其它都被重写了。这里只是列举了四个,感兴趣的可以将以上所有的The Global Object一一测试下。这里想表达的是核心JavaScript内置对象一般是可以被重写的 ,虽然没人这么干。

下面测试下其可枚举性

1
2
3
4
5
6
7
8
9
10
11
12
for(var in NaN){
    alert(a);
}
for(var in eval){
    alert(a);
}
for(var in Object){
    alert(a);
}
for(var in Math){
    alert(a);
}

所有浏览器都没有弹出,即属性不被枚举。感兴趣的可以将以上所有的The Global Object的枚举性一一测试下。当然对于有些浏览器如Firefox,某些Global Object被重写后又是可以被枚举的。


二、宿主环境提供的全局对象/函数 

如window,alert,setTimeout,document,location等,多数浏览器都会限制其重写

1
2
window = 55;
alert(window);

该句在IE下会出错提示非法复制,后面的弹出框没有执行。其它浏览器则当window=55不存在,仍然弹出了window。

再重写下alert

1
2
alert = 55;
console.log(alert);

IE下提示报错,Firefox/Chrome/Safari/Opera竟然被重写了,从对应的控制台可以看到输出了55。可以看出对于宿主环境提供的全局对象/函数,有的浏览器不支持重写,有的则可以重写 。

以下是两种方式声明全局变量

1
2
3
4
5
6
7
8
a1 = 11;
var a2 = 22;
 
for(a in window){
    if(a=='a1'||a=='a2'){
        alert(a)
    }
}

上述代码在IE中不会弹出信息框,在IE中内部大概如下

1
2
3
4
5
6
7
//IE
with(host_object){//window
    with(global_object){//Global
        a1 = 11;
        var a2 = 22;
    }  
}

即a1,a2是作为上面说的第一种,JS引擎提供的Global对象上的属性,而非第二种宿主环境提供的window对象上的属性。因此IE中for in window时a1,a2都不存在。如果IE中提供对象Global对象的引用,没准下面的代码可以弹出信息框。

1
2
3
4
5
for(a in Global){
    if(a=='a1'||a=='a2'){
        alert(a)
    }
}

Firefox/Safari/Chrome/Opera中内部大概是下面的样子

1
2
3
4
5
6
7
//Firefox/Safari/Chrome/Opera
with(host_object){//window
    a1 = 11;
    var a2 = 22;
    with(global_object){//Global
    }  
}

即a1,a2是作为上面说的第二种,宿主环境提供的全局对象window上的属性。因此for in window时a1,a2都存在,弹出了信息框。
再看第三者方式声明全局变量window.a3 = 33,这样是显示的把a3挂在window上作为window的属性,因此在所有浏览器中for in window时都能获取到a3。

 

全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性,所以它没有名称。

全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。

顶层函数(全局函数)

FF: Firefox, N: Netscape, IE: Internet Explorer

函数描述FFNIE
decodeURI() 解码某个编码的 URI。 1 4 5.5
decodeURIComponent() 解码一个编码的 URI 组件。 1 4 5.5
encodeURI() 把字符串编码为 URI。 1 4 5.5
encodeURIComponent() 把字符串编码为 URI 组件。 1 4 5.5
escape() 对字符串进行编码。 1 - 3
eval() 计算 JavaScript 字符串,并把它作为脚本代码来执行。 1 2 3
getClass() 返回一个 JavaObject 的 JavaClass。      
isFinite() 检查某个值是否为有穷大的数。 1 4 4
isNaN() 检查某个值是否是数字。 1 2 3
parseFloat() 解析一个字符串并返回一个浮点数。 1 2 3
parseInt() 解析一个字符串并返回一个整数。 1 2 3
unescape() 对由 escape() 编码的字符串进行解码。 1 - 3

顶层属性(全局属性)

FF: Firefox, N: Netscape, IE: Internet Explorer

属性描述FFNIE
Infinity 代表正的无穷大的数值。 1 4 4
java 代表 java.* 包层级的一个 JavaPackage。      
NaN 指示某个值是不是数字值。 1 4 4
Packages 根 JavaPackage 对象。      
undefined 指示未定义的值。 1 4 5.5
 
 
Note:

encodeURI()和encodeURIComponent()方法用于编码传递给浏览器的URI(统一资源标识符)。有效的URI不能包含某些字符,如空格。这两个方法用于编码URI,这样用专门的UTF-8编码替换所有的非有效字符,就可以使浏览器仍能够接受并理解它们。

encodeURI()方法用于处理完整的URI(例如,http://www.wrox.com/illegal value.htm),而encodeURIComponent()用于处理URI的一个片断(如前面的URI中的illegal value.htm)。这两个方法的主要区别是encodeURI()方法不对URI中的特殊字符进行编码,如冒号、前斜杠、问号和英镑符号,而encodeURIComponent()则对它发现的所有非标准字符进行编码。例如:
var sUri = "www.sohu.com/abc def 我.aspx";
alert(encodeURI(sUri));
alert(encodeURIComponet(sUri));

这段代码输出两个值:
www.sohu.com/abc%20def%20%E6%88%91.aspx
www.sohu.com%2Fabc%20def%20%E6%88%91.aspx

可以看到,除空格外,第一个URI无任何改变,空格被替换为%20。第二个URI中的所有非字母数字字符都被替换成它们对应的编码,基本上使这个URI变得无用。这就是encodeURI()可以处理完整URI,而encodeURIComponent()只能处理附加在已有URI末尾的字符串的原因。

自然,还有两个方法用于解码编码过的URI,即decodeURI()和decodeURIComponent()。如你所料,这两个方法所做的恰与其对应的方法相反。decodeURI()方法只对用encodeURI()方法替换的字符解码。例如,%20将被替换为空格,而%23不会被替换,因为它表示的是英镑符号(#),encodeURI()并不替换这个符号。同样的,decodeURIComponent()会解码所有encodeURIComponent()编码过的字符,意味着它将对所有的特殊值解码。例如:

这段代码输出两个值:

在这个例子中,变量uri存放的是用encodeURIComponent()编码的字符串。生成的值说明了应用两个解码方法时会发生的事情。第一个值由decodeURI()输出,把%20替换成空格。第二个值由decodeURIComponent()输出,替换所有的特殊。

这些URI方法encodeURI()encodeURIComponent()decodeURI()decodeURICom- ponent()代替了BOM的escape()unescape()方法。URI方法更可取,因为它们会对所有Unicode符号编码,而BOM方法只能对ASCII符号正确编码。尽量避免使用escape()unescape()方法。

 
sample:
var s="WebForm1.aspx?a=" + encodeURIComponent('abc &=*def 我') + "&b="+ encodeURIComponent('abc def & = *大集合');
alert(s);
window.location.href=s;

javascript简单介绍

 ECMAScript  1.语法  2.变量:只能使用var定义,如果在函数的内容使用var定义,那么它是一个局部变量,如果没有使用var它是一个全局的。弱类型!  3.数据类型:原始数据类型(undefined/null/string/number/boolean)  4.语句:... 查看详情

javascript之全局函数详解(代码片段)

JavaScript全局函数前言一、JavaScript全局函数有哪些?二、JavaScript全局函数详解?2.1.Eval()2.1.1.例子一2.1.2.例子二2.1.3.例子三(解析JSON字符串)2.1.3.1.eval解析函数:2.1.3.2.JSON字符串转换为对象的两种方法2.1.3.3.对于服务器返回的JSON字符串&#... 查看详情

javascript中两种基本常用排序算法分析

备注:内容大部分从网上复制,代码为自己手写。仅做知识的温故知新,并非原创。1.冒泡排序(BubbleSort)(1)算法描述冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果它们的顺序错误就... 查看详情

javascript全局对象

JavaScript全局对象全局属性和函数可用于所有内建的JavaScript对象。顶层函数(全局函数)函数描述decodeURI()解码某个编码的URI。decodeURIComponent()解码一个编码的URI组件。encodeURI()把字符串编码为URI。encodeURIComponent()把字符串编码为UR... 查看详情

javascript学习语言基础

数据类型javascript数据类型分为两种:基本类型与对象类型基本类型:数字、字符串、布尔值、null、undefined其中null与undefined代表了各自特殊类型的唯一成员对象类型:所谓对象类型便是属性的集合,每个属性都是由键值对组成普... 查看详情

javascript面向对象及相关知识

最近在学习JavaScript面向对象,写下自己的理解及相关资料,以备查阅。一.面向对象中涉及的相关几个概念 1.作用域  所谓作用域,就是说属性和函数的可访问范围。在JavaScript中,作用域分为两种。全局作用域和局部作用域... 查看详情

javascript中的全局对象,内置对象和预定义对象是啥?

RT1.全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。  通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。  全局对象不是任何对象的属性,所以它没有名称。2.内部对象是编写... 查看详情

javascript第五章

引用类型引用类型是一种将数据和功能组织在一起的数据结构。引用类型:描述的是一类对象所具有的属性和方法;对象是某个特定引用类型的实例。1.Object类型创建Object实例的方法有两种:(1) new操作符后跟Object构造函数... 查看详情

javascript学习笔记--数据类型

1.数据类型js的数据类型共有6种分别是:数值,字符串,布尔值,undefind,null,对象最基本的数据类型有3种:数值,字符串,和布尔值对象可以分为3个子类型:狭义的对象,数组,函数狭义的数组和对象是两种不同的数据组合方式。而... 查看详情

web前端:javascript最强总结附详细代码(带常用案例!)(代码片段)

...细代码Web前端:CSS最强总结附详细代码Web前端:JavaScript最强总结附详细代码Web前端工具:Web前端:JQuery最强总结附上详细代码Web前端:Bootstrap最强总结附详细代码Web前端:JavaScript最强总结基本概念概念作... 查看详情

javascript面向对象笔记

ECMAscript对象(以下简称对象):ECMA-262把对象定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。值可以是数据或函数。每个对象都是基于一个... 查看详情

javascript全局对象---常用

1.顶层函数(全局函数)1)isNaN()函数用于检查其参数是否是非数字值。-----isNaN(x)   x是必须参数,如果x是特殊的非数字值NaN(或者能被转换为这样的值),返回的值就是true。如果x是其他值,则返回false。2)Number()函数... 查看详情

javascript对象

JavaScript中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript允许自定义对象。JavaScript对象JavaScript提供多个内建对象,比如String、Date、Array等等。对象只是带有属性和方法的特殊数据类型。建JavaScript对象通过Java... 查看详情

javascript语法,变量类型,条件,循环语句,函数,面向对象

1.JavaScript代码革两种存在形式:<!--方式一--><scripttype=‘txt/javascript‘src=‘/js/comment.js‘></script><!--方式二--><scripttype=‘txt/javascript‘>js代码内容</script>方式一可以有效提高代码的重用性2、Jav 查看详情

qt中两种定时器用法

在Qt中使用定时器有两种方法,一种是使用QObiect类的定时器;一种是使用QTimer类。定时器的精确性依赖于操作系统和硬件,大多数平台支持20ms的精确度。1.QObject类的定时器   QObject是所有Qt对象的基类,它提供了一个... 查看详情

javascript学习笔记-引用类型

...作对象定义,类似于类的概念。对象是引用类型的实例。javascript引用类型有:Object,Array,Date,RegExp,Function使用new关键字声明一个引用类型的实例。一Object两种创建对象的方法。obj=newObject()//对象声明obj={}//对象字面量对象字面量创... 查看详情

javascript基础学习

javascript之对象学习要点:  对象的属性和方法  对象的原型一、对象  对象其实就是一种引用类型,而对象的值就是引用对象的实例。二、创建对象  在javascript中有两种对象,一种是系统内置对象,另一种是用户自己... 查看详情

05javascript引用类型--object类型

1.对象创建的两种方式:  new操作符后跟Object构造函数;varobj=newObject();obj.name=‘大头儿子‘;obj.age=12;  对象字面量表达法varobj={name:‘大头儿子‘,age:12};2.访问对象属性的两种方式:console.log(obj["name"]);console.log(obj.age)... 查看详情