`

创建javascript对象的两种语法

阅读更多

创建javascript对象的两种语法

a.  new方法,这种方法对学习过OO语言的人来说太常见了。

不过,用这种方法创建对象的前提是,对象所属的类已经存在,比如:

function ClassA(){}

var objA = new ClassA();//如果之前没有定义ClassA类,则这句就要报错了。

b.  : 冒号法,这种方法比较特殊,因为javascript的动态性,我们可以通过这种方法动态地创建一个对象。(奇怪的是,有几个专门讲js的书里面竟然没有说到这种方法,可能因为它太怪异了吧)。举例如下:

var objB = {username:"me",password:"psw"}.

这句在解释运行时动态地筹建一个拥有username和password属性的objB对象。接下我们就可以通过,objB来引用username和password了:

var name = objB.username;

在这种方式中,我们还可以“命名属性”的方式来筹建对象,如:

var objC = {"prop1":"value1","prop2":"value2"};

这里动态创建一个拥有两个属性的js对象objC,该对象拥有两个属性,属性的名称分别叫prop1和prop2(请注意,她们是两个字符串)。在这个时候

我们就想是不是也通过 . 号来引用里面属性了,比如objC."prop1",这种方式?运行发现错误。

那么该怎么办呢?

通过,[] 运算符,如 :var pop = objC["prop1"]可以引用到objC对象里面的 value1。或者用var pop = objC.prop(注意,没有prop没有加引号)来引用。

或许有人会问说,这是我们知道属性命名的时候,我可以这样子做,那要是人家给我传一个对象我不知道名字那该怎么办呢?

别急...javascript里面不是有in运算符吗,in就是用来遍历js对象的属性的,所以可以这样做:

for(prop in objC)

{

 alert("propname:"+prop+"value is:"+objC[prop])

}

最后,请一定记住这话,js是动态的...

分享到:
评论

相关推荐

    javascript创建对象的方式(三)

    本文将详细探讨三种主要的创建JavaScript对象的方法,并结合“源码”与“工具”的概念,来深入理解这些方式在实际开发中的应用。 一、字面量(Literal)方式 这是最简单直接的对象创建方式,通过大括号 `{}` 将属性...

    javascript对象参考手册

    此外,还会讲解字面量语法和构造函数两种创建对象的方式,以及原型、原型链和`__proto__`属性的用法。 接下来,手册会深入讨论JavaScript内置对象,如Array、Date、Math、String等,这些对象提供了处理数组、日期、...

    JavaScript对象与数组参考大全JavaScript语法结构

    它的语法结构包括了对象和数组这两种数据类型,它们是构建复杂程序的基础。在本篇内容中,我们将深入探讨JavaScript对象和数组的详细知识。 一、JavaScript对象 1. 对象定义:JavaScript对象是一种键值对的集合,键...

    JavaScript语法手册.rar

    数组和对象是JavaScript中的两种重要数据结构。数组可以存储多个值,而对象则用于存储键值对。ES6引入了数组的新特性,如扩展运算符(...)、解构赋值和Array.from()。对象则可以通过对象字面量{}创建,ES6的属性简写...

    JavaScript对象定义

    在JavaScript中,有两种主要的创建对象的方法:字面量语法和构造函数。 1. 字面量语法(Literal Notation): 这是最简单的创建对象的方式,通过大括号{}来定义一个空对象,然后通过冒号分隔的键值对来添加属性。...

    一、JavaScript 创建对象

    JavaScript提供了多种创建对象的方法,包括字面量语法、构造函数、对象原型、工厂函数、模块模式以及近年来引入的类(Class)语法。这篇博客将深入探讨这些方法,帮助你更好地理解和掌握JavaScript中的对象创建。 ...

    JavaScript语法和对象速查手册 .陈冠军.扫描版

    JavaScript对象的属性可以是基本值、数组、函数或者其他对象,而对象的方法则是可以在对象上执行的动作。 总结来说,《JavaScript语法和对象速查手册》这一手册将为开发者提供JavaScript语言中基础语法和对象操作的...

    javascript对象的创建和访问_.docx

    创建JavaScript对象主要有三种方式: 1. **对象字面量**: ```javascript var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function() { return 'hello world'; } ``` 上述代码中,`...

    JavaScript程序设计-ES中对象的简化语法.pdf

    总结来说,JavaScript程序设计中的ES6对象简化语法包括属性简写和方法简写,这两种方式都极大地提高了代码的可读性和简洁性。同时,为了保证代码在不同环境下运行,我们需要了解如何使用工具如Babel进行语法转换。...

    javascript中数组、对象

    在JavaScript中,数组和对象是两种非常基础且重要的数据结构,它们被广泛应用于各种场景,如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型,以及相关的操作和工具。 **一、数组** 数组在...

    浅谈JavaScript对象之教学.pdf

    文章从对象的概念、使用原生对象、原型链的理解、自定义对象的创建和新的语法规范五个方面对JavaScript对象的教学要点进行了详细的探讨。 一、对象的概念 JavaScript是一种基于对象的脚本语言,在JavaScript中万物...

    JS常用语法大全,JavaScript常用语法大全

    在JavaScript中,可以使用`Date`对象来获取当前时间: ```javascript document.write(new Date()); ``` #### 2. 获取客户端IP地址 ```html request.serverVariables("REMOTE_HOST") %> ``` 这一段是ASP(Active ...

    JavaScript语法与范例速查手册(配书源码和JavaScript特效)

    JavaScript是一种弱类型、解释型的语言,它的主要特点是基于对象和事件驱动。在JavaScript中,变量无需预先声明,可以直接赋值,支持数据类型如字符串、数字、布尔值、null和undefined。函数是JavaScript的第一级...

    JavaScript面向对象基础.ppt

    创建对象通常有两种方式:字面量语法和构造函数。例如,创建一个名片对象: ```javascript var card = { name: 'John Doe', address: '123 Main St', phone: '555-1234', displayInfo: function() { console....

    JavaScript对象模型-执行模型

    JavaScript对象模型和执行模型是JavaScript语言的基础,理解这两个概念有助于编写更高效、可维护的代码。在实际开发中,利用原型链实现继承、通过构造函数和原型方法创建对象、以及掌握执行模型中的上下文切换和事件...

    CSS+HTML+JAVASCRIPT语法

    **CSS语法**和**HTML语法**:这两个可能分别是一个关于CSS和HTML基础知识的文档,涵盖了它们的基本语法、选择器、属性和标签等,是学习这两种语言的良好资源。 学习和掌握这三者,可以使你具备创建现代、交互式网页...

    JavaScript面向对象编程指南

    在JavaScript中,面向对象编程(Object-Oriented Programming,简称OOP)是一种重要的编程范式,它允许开发者创建复杂、可重用的代码结构。本指南将深入探讨JavaScript中的面向对象特性,包括类、对象、继承、封装和...

    javascript对象大全

    本资料包集合了丰富的JavaScript对象相关知识,包括对象的基本概念、创建方式、属性、方法以及对象的高级特性。 首先,我们来探讨JavaScript对象的基本概念。在JavaScript中,对象是一种数据结构,它由键值对(key-...

    javascript面向对象

    3. **ES6类语法**:现代JavaScript提供了更接近传统面向对象语言的类语法,使得定义类和创建对象更加直观。例如: ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; ...

Global site tag (gtag.js) - Google Analytics