JavaScript内置对象-js教程-PHP中文网

首页

web前端

js教程

JavaScript内置对象

巴扎黑

Dec 20, 2016 pm 02:33 PM

Prototypejavascript

Array 数组
var myArray = new Array(); //创建一个空数组
var myArray = new Array(5); //创建一个大小为5数组，此时如果直接引用myArray[0],会返回undefined。
var myArray = new (0,1,2,3); //创建一个初始值为0123的数组
var myArray = [0,1,2,3]; //创建一个初始值为0123数组
数组只要创建了，其长度是可以改变的，比如，创建了长度为5的数组，可以对其下标为5、6等赋值，这时长度会自动跟着改变。

但如果只是声明var myArray;则不能引用数组中的任何元素，否则出错。

这里要注意new Array(5)和new Array("5")的区别，前者代表创建一个大小为5的数组，后者代表创建大小为1，初始值为字符串5的数组。

JavaScript中的数组可以存放不同类型的数据，比如一个数组可以同时存整数和字符串等。
数组的属性有：
constructor：引用数组的构造函数
length：返回数组元素的个数，如果在创建数组时指定了数组的大小，则无论数组是否赋值，都返回这个大小。
prototype：用于定义数组时添加新的属性和方法。
数组的方法有：
concat(合并数组)，pop(),删除数组的最后一个元素，长度自动减1，reverse，push，shift等。

Object对象

它是一切对象的父对象，所有的对象都继承于它，因此它拥有的属性和方法，其他对象都有。
Object的属性：
constructor：引用数组的构造函数
prototype：添加新的属性和方法。

Object的方法有：
valueOf():返回对象的原始值
toString():用于将一个函数转换为字符串下面是object对象的示例：

<HTML>
<HEAD>
<TITLE>使用Object的示例</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var obj1=new Object(false);
document.write("obj1=new Object(false)"+"<BR>");
document.write("obj1.constructor="+obj1.constructor+"<BR>");
document.write("obj1.valueOf()="+obj1.valueOf()+"<BR>");
document.write("obj1.toString()="+obj1.toString()+"<BR>");
var obj2=new Object("Hello World!");
document.write("obj2=new Object(&#39;Hello World!&#39;)"+"<BR>");
document.write("obj2.constructor="+obj2.constructor+"<BR>");
document.write("obj2.valueOf()="+obj2.valueOf()+"<BR>");
document.write("obj2.toString()="+obj2.toString()+"<BR>");
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

执行结果：
obj1=new Object(false)
obj1.constructor= function Boolean() { [native code] }
obj1.valueOf()=false
obj1.toString()=false
obj2=new Object('Hello World!')
obj2.constructor= function String() { [native code] }
obj2.valueOf()=Hello World!
obj2.toString()=Hello World!

window对象
是当前浏览器窗口对象，包含了document，navigator，location，history等子对象。

window对象的属性：
closed，document，frames，history，length（当前窗口的框架的数量），location，name，opener，

status（状态栏），self（当前窗口），top（最上面一层窗口）。
包括的方法也很多，如alert，confirm，blur等

navigator对象
用于获取当前浏览器的各种信息，主要用于判断客户端使用什么浏览器。示例如下:

<HTML>
<HEAD>
  <TITLE>navigator示例</TITLE>
<HEAD>
<BODY>
<script language="javascript">
document.write("浏览器代码名称："+navigator.appCodeName+"<BR>");
document.write("浏览器名称："+navigator.appName+"<BR>");
document.write("浏览器版本号："+navigator.appVersion+"<BR>");
document.write("是否支持java："+navigator.javaEnabled()+"<BR>");
document.write("MIME类型数："+navigator.mimeTypes.length+"<BR>");
document.write("操作系统平台："+navigator.platform+"<BR>");
document.write("插件数："+navigator.plugins.length+"<BR>");
document.write("用户代理："+navigator.userAgent+"<BR>");
</script>
</BODY>
</HTML>

在IE浏览器中执行结果：
浏览器代码名称：Mozilla
浏览器名称：Microsoft Internet Explorer
浏览器版本号：4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727;

.NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; InfoPath.2)
是否支持java：true
MIME类型数：0
操作系统平台：Win32
插件数：0
用户代理：Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727;

.NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; InfoPath.2)

此外还有location对象，history对象，screen对象

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

JavaScript引擎：比较实施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和执行JavaScript代码时，效果会有所不同，因为每个引擎的实现原理和优化策略各有差异。1.词法分析：将源码转换为词法单元。2.语法分析：生成抽象语法树。3.优化和编译：通过JIT编译器生成机器码。4.执行：运行机器码。V8引擎通过即时编译和隐藏类优化，SpiderMonkey使用类型推断系统，导致在相同代码上的性能表现不同。

超越浏览器：现实世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在现实世界中的应用包括服务器端编程、移动应用开发和物联网控制：1.通过Node.js实现服务器端编程，适用于高并发请求处理。2.通过ReactNative进行移动应用开发，支持跨平台部署。3.通过Johnny-Five库用于物联网设备控制，适用于硬件交互。

使用Next.js（后端集成）构建多租户SaaS应用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技术工具构建了功能性的多租户SaaS应用程序（一个Edtech应用程序），您可以做同样的事情。首先，什么是多租户SaaS应用程序？多租户SaaS应用程序可让您从唱歌中为多个客户提供服务

如何使用Next.js（前端集成）构建多租户SaaS应用程序Apr 11, 2025 am 08:22 AM

本文展示了与许可证确保的后端的前端集成，并使用Next.js构建功能性Edtech SaaS应用程序。前端获取用户权限以控制UI的可见性并确保API要求遵守角色库

JavaScript：探索网络语言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是现代Web开发的核心语言，因其多样性和灵活性而广泛应用。1)前端开发：通过DOM操作和现代框架（如React、Vue.js、Angular）构建动态网页和单页面应用。2)服务器端开发：Node.js利用非阻塞I/O模型处理高并发和实时应用。3)移动和桌面应用开发：通过ReactNative和Electron实现跨平台开发，提高开发效率。

JavaScript的演变：当前的趋势和未来前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

神秘的JavaScript：它的作用以及为什么重要Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石，它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发，极大地提升了用户体验和跨平台开发的灵活性。