JavaScript中的Objects

JavaScript中的Objects

在JavaScript中,创建Objects有两种方式,declarative (literal) form和 constructed form。

首先,声明式如下:

var myObj = {
    key: value
    // ...
};

构造式如下:

var myObj = new Object();
myObj.key = value;

声明式与构造式创建的对象完全相同,只不过构造式的需要一个个地添加添加属性,一般情况下我们都是采用声明式的创建对象。

JavaScript中的原始类型

JavaScrip中有六种原始类型:

  • string
  • number
  • boolean
  • null
  • undefined
  • object

他们并不属于对象类型,值得注意的是,null有时候被认为是对象类型,主要原因是typeof null的返回值为object(该语言的bug),实际上,null属于原始类型。

还有一种误解

everything in JavaScript is an object

显然这也是错误的。

对象类型中还有一些对象类型的子类型的( object sub-types),function是其子类型(专业术语称之为callable object),在JavaScript被认作是第一等的(first class),相比一般对象,function具有调用属性(callable behavior),还有一种对象类型的子类型为数组(Arrays ),相比一般对象,其内容更结构化。

JavaScript中还有一些内置对象的子类型,我们称之为内置对象(built-in objects),有如下几种:

  • String
  • Number
  • Boolean
  • Object
  • Function
  • Array
  • Date
  • RegExp
  • Error

这些内置对象表现出来的特性甚至与Java中的class的特性一致,实际上,它们都是内置函数(built-in functions),这些内置函数都被用作构造器(constructor ),关于JavaScript 中的构造器,

传统的面向对象的语言中,构造器属于class的特殊方法,当我们使用new实例化一个类时,其构造器被调用,JavaScript 中的构造器与此很不同,JavaScript 中的构造器只是一般的函数(functions ),其恰好在函数前面使用了new操作符,它们与class无关,也不是用来实例化一个类,它们只是一个很普通的函数,只不过被new操作符 控制 调用了而已,它们不是constructor functions,只是construction calls of functions而已。

var strPrimitive = "I am a string";
typeof strPrimitive;                            // "string"
strPrimitive instanceof String;                 // false

var strObject = new String( "I am a string" );
typeof strObject;                               // "object"
strObject instanceof String;                    // true

// inspect the object sub-type
Object.prototype.toString.call( strObject );    // [object String]

strPrimitive属于原始类型,strObject 属于对象类型,当我们如果要检查strPrimitive的长度,获取其内容时,我们需要String类型的对象类完成操作。

幸运的是,当我们将原始类型的string转化(coerces )为对象类型的String时,这些操作都被自动完成了,因此,一般来说,我们并不需要创建对象类型的变量,只需创建其对应的原始类型的变量即可,在需要时,JavaScript会自动帮我们转化为对应的对象类型。

var strPrimitive = "I am a string";

console.log( strPrimitive.length );         // 13

console.log( strPrimitive.charAt( 3 ) );    // "m"

null 和undefined没有相应的对象类型,Date 类型没有对应的原始类型,Object, Array, Function, 和RegExp,无论我们使用literal还是使用constructor方式构建,其均为对象类型。

Error对象我们一般很少创建,其都是在出现异常时自动创建。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-07-29 06:51:04

JavaScript中的Objects的相关文章

[译]JavaScript中,{}+{}等于多少?

[译]JavaScript中,{}+{}等于多少? 原文:http://www.2ality.com/2012/01/object-plus-object.html 最近,Gary Bernhardt在一个简短的演讲视频“Wat”中指出了一个有趣的JavaScript怪癖:在把对象和数组混合相加时,会得到一些你意想不到的结果.本篇文章会依次讲解这些计算结果是如何得出的. 在JavaScript中,加法的规则其实很简单,只有两种情况:你只能把数字和数字相加,或者字符串和字符串相加,所有其他类型的值

JavaScript基础Javascript中的循环

1.普通循环JavaScript中一般的循环写法是这样的: // sub-optimal loop for (var i = 0; i < myarray.length; i++) { // do something with myarray[i] } 这种写法的问题是,每循环一次,都需要从myarray对象中读取length属性,这对于JavaScript来说,可能会导致较大的性能问题.如果myarray是一些大型的对象,或是DOM对象更犹是如此,因为DOM对象的这些方法都是在执行时才进行查询

JavaScript中值的真真假假(true and false)

值为flase的有: false 0 "" //空串 null undefined NaN 除了以上的之外的都是ture,包括"0" (zero in quotes), "false" (false in quotes) , empty functions, [](空数组), and {}(empty objects),都是为true var a = !!(0); // false var b = !!("0"); // tr

学习JavaScript中的异步Generator

本文和大家分享的主要是javascript中异步Generator相关内容,一起来看看吧,希望对大家学习javascript 有所帮助. 异步的generators和异步iteration已经到来 ! 这是错误的, 它们现在还在 阶段 3 ,这表示他们很有可能在JavaScript未来的一个版本中发布. 在他们发布之前,你可以通过 Babel 来在你的项目中使用还在阶段3的建议内容. 网站基本上还是一些分散运行的应用,因为任何在语言上的修改都会造成永久的影响,所以所有的未来的版本都需要向后兼容.

JavaScript中Object.prototype.toString方法的原理

在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. ? 1 2 var arr = []; console.log(Object.prototype.toString.call(arr)) //"[object Array]" 本文要讲的就是,toString方法是如何做到这一点的,原理是什么. ECMAScript 3 在ES3中,Object.prototype.toString方法的规范如下:

【JavaScript】JavaScript中的陷阱大集合

本文主要介绍怪异的Javascript,毋庸置疑,它绝对有怪异的一面.当软件开发者开始使用世界上使用最广泛的语言编写代码时,他们会在这个过 程中发现很多有趣的“特性”.即便是老练的Javascript开发者也可以在本文找到一些有趣的新陷阱,请留意这些陷阱,当然也可以尽情享受由这些陷阱 带来的“乐趣”! AD: 本文主要介绍怪异的Javascript,毋庸置疑,它绝对有怪异的一面.当软件开发者开始使用世界上使用最广泛的语言编写代码时,他们会在这个过 程中发现很多有趣的“特性”.即便是老练的Java

javascript中数组常用的方法

在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法.数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'. 运行[] instanceof Array他会返回ture.虽然结果是这样,但也有复杂的类数组对象,如字符串或arguments对象,但arguments对象并非是Array的实例,但他却拥有length属性,而且他的值是可以被索引的,因此他可以像一个数组那样被遍历. 这本文中,我将介绍数组原型的一

Javascript中的数据类型知多少

JavaScript 是一种弱类型或者说动态语言.这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定.这也意味着你可以使用同一个变量保存不同类型的数据 根据ECMAScript 5.1的规范,javascript中共有六种数据类型,分别为:Undefined, Null, Boolean,Number, String.Object.前五种属于基本类型,最后一种属于Object类型. 最新的ECMAScript 6 又加了一种类型:Symbol (ECMAScript 6 新定义

关于JavaScript中的创建对象的学习总结

一.最简单的对象创建方法 在JavaScript中,直接使用Object构造函数或对象字面量都可以很轻易地创建单个对象,缺点是:创建具有同一个接口(标准的OO中的接口概念)的多个对象时,会有大量重复代码.为解决这个问题,引出了工厂模式. 二.工厂模式 工厂模式是GoF的23中设计模式中比较简单的模式,简单总结就是定义一个用于创建对象的接口,让子类决定具体实例化那一个类.具体到JavaScript中,因为根本就没有标准OO里面类的概念,开发人员发明了一种函数,用函数来封装以特定接口来创建对象的细节