创建、调用JavaScript对象的方法集锦
今天在做项目时,遇到了需要创建JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的文章,看后跟着打了一遍代码。感觉方法挺好的,在这里与大家分享一下。
一、利用函数创建对象:
//定义对象
function Animal(type)
{
this.name="";
this.type=type;
this.introduction=function(){
return "我的名字是: "+this.name+",我属于 "+this.type;
}
}
var animal=new Animal("家禽"); //实例化我们上面创建的对象
animal.name="小红";
alert(animal.introduction()); //调用它的introduction函数(此时,页面会弹出:我的名字是 小红,我属于 家禽);
这种方法,大家一定都很熟悉了。但是,使用这种方法会造成性能的损耗。在这里,我们是通过new关键子来实例化对象的。其实,new关键子是做了两件事。一,定义了一个匿名方法(Animal)。二、调用它。这样就不如我们接下来要介绍的方法高效了。
二、利用对象字面量(object literals):
不知道翻译的对不对,待会我会把原文地址告诉大家,有兴趣的可以看原文。
//定义对象
var Book=
{
name:"红楼梦",
type:"文学作品",
getAuthor:function()
{
return :"我是曹雪芹的孩子!";
}
}
alert(Book.GetAuthor()); //调用对象方法,此时页面会出现:我是曹雪芹的孩子。
Book.name="灌篮"; //修改对象属性
alert(Book.name); //此时,页面会弹出:灌篮
相信大家看到代码,应该明白了为什么说这个方法会高效一些了。因为,它相当于定义了一个JavaScript全局变量。我们可以直接用它,不需要实例化它。但是,这样看起来怪怪的啊。那么,解决方案来了。我们来看看第三种方法吧。
三、单例模式(Singleton using a function):
翻译成单例模式,可能不是太妥。先看代码吧:
//定义对象
var Gender=new function()
{
this.type="女生";
this.speaking=function()
{
return "我是"+this.type;
}
}
alert(Gender.speaking();) //使用对象 此时页面会出现:我是女生。
大家看这段儿代码,是不是与我们的方法一很像呢?但是,它可像方法一那样工作的。方法一,用一次对象,就要创建一次对象。这个方法,创建一次对象,就可以永久使用。所以,这种方式,很类似于设计模式中的单例模式。
相关推荐
-
javaScript对象和属性的创建方法
复制代码 代码如下: 1.创建一个空对象:var o =new object(); 2.创建对象直接量: var cricle={x:0,y:0,radius:2} var homer={ name:"Homer Simpson", age:34, married:true, emai
-
javascript 函数调用的对象和方法
如果你真正理解Javascript函数是如何调用工作的,那么就可以避免一些bug的发生: 首先让我们创建一个简单的函数,这个函数将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数. 复制代码 代码如下: function makeArray(arg1, arg2){ return [ this, arg1, arg2 ]; } 调用这个函数非常的简单,我们需要做的仅仅是: 复制代码 代码如下: makeArray('one', 'two'); 返回值:=> [ window, '
-
JavaScript 基于原型的对象(创建、调用)
JavaScript中的对象有三种 1,内部对象 如Array,Boolean,Data,Math,Number,Object,RegExp,String对象等 这些对象系统给我们提供了各自的属性与方法供调用. 2,基于类的对象 用类的方式实现对象的引用,这些类需要我们自己定义 3,基于原型的对象 提供有关如何使用 JavaScript 基于原型的对象模型的指南,并且提供指向特定信息的链接,这些信息描述基于原型的对象的自定义构造函数和继承. 在我们写js代码的时候,内部对象是不可避免的要引用,但
-
JavaScript 创建对象
第一种:JSON方式/对象直接量 格式: var 对象名 = { 变量1: 变量1的值, 变量1: 变量1的值, --, 函数1: function() { 函数体 }, 函数2: function() { 函数体 }//Note:最后的逗号要去除为了和IE兼容. }; 说明: (1) 大括号内直接填写变量或者函数: (2) 对象的内容与值以冒号分隔,成对出现: (3) 包含的变量或者函数之间以逗号分隔: (4) 函数需要写在function(){}的大括号之内. 例子: var 对象名 = {
-
JavaScript对象创建及继承原理实例解剖
对象创建: 当一个函数对象被创建时候,Function构造器产生的函数对象会运行类似这样的代码: 复制代码 代码如下: this.prototype={constructor:this}; 假设函数F F用new方式构造对象时,对象的constructor被设置成这个F.prototype.constructor 如果函数在创建对象前修改了函数的prototype,会影响创建出来对象的construtor属性 如: 复制代码 代码如下: function F(){}; F.prototype={
-
javascript转换字符串为dom对象(字符串动态创建dom)
前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>'); 那么今天的目的就是教大家怎么去实现一个这样
-
Javascript创建自定义对象 创建Object实例添加属性和方法
如下所示: 复制代码 代码如下: var person = new Object(); person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function () { alert(this.name); }; person.sayName();上面的例子创建了一个名为person的对象,并为它添加了三个属性(n
-
javascript的函数、创建对象、封装、属性和方法、继承
一,function 从一开始接触到js就感觉好灵活,每个人的写法都不一样,比如一个function就有N种写法 如:function showMsg(){},var showMsg=function(){},showMsg=function(){} 似乎没有什么区别,都是一样的嘛,真的是一样的吗,大家看看下面的例子 复制代码 代码如下: ///----------------------------------------------------------------------------
-
JavaScript 三种创建对象的方法
JavaScript中对象的创建有以下几种方式: (1)使用内置对象 (2)使用JSON符号 (3)自定义对象构造 一.使用内置对象 JavaScript可用的内置对象可分为两种: 1,JavaScript语言原生对象(语言级对象),如String.Object.Function等: 2,JavaScript运行期的宿主对象(环境宿主级对象),如window.document.body等. 我们所说的使用内置对象,是指通过JavaScript语言原生对象的构造方法,实例化出一个新的对象.如: 复
-
创建、调用JavaScript对象的方法集锦
今天在做项目时,遇到了需要创建JavaScript对象的情况.所以Bing了一篇老外写的关于3种创建JavaScript对象的文章,看后跟着打了一遍代码.感觉方法挺好的,在这里与大家分享一下. 一.利用函数创建对象: 复制代码 代码如下: //定义对象 function Animal(type) { this.name=""; this.type=type; this.introduction=function(){ return "
-
浅析创建javascript对象的方法
一.工厂模式 function person (name,age) { var p=new Object(); p.name=name; p.age=age; p.showMessage=function(){ console.log("name:"+this.name+" age:"+this.age); } return p; } var p1=person("k1",28); var p2=person("k2",29)
-
JavaScript中 创建动态 QML 对象的方法
一.动态创建对象 有两种方法可以从 JavaScript 动态创建对象: 调用 Qt.createComponent() 动态创建 Component 对象 使用 Qt.createQmlObject() 从 QML 字符串创建对象 虽然动态创建的对象可以与其他对象一样使用,但它们在 QML 中没有 id. 1.1.动态创建组件 可以调用它的 createObject() 方法来创建该组件的一个实例.这个函数可以接受两个参数: 第一个是新对象的父对象.父对象可以是图形对象(即 Item 类型)或
-
JavaScript创建防篡改对象的方法分析
本文实例讲述了JavaScript创建防篡改对象的方法.分享给大家供大家参考,具体如下: 之前的 JavaScript,开发人员可能会意外修改了别人的代码,甚至重写原生对象!现在,在 ECMAScript 5 中可以定义防篡改对象啦O(∩_∩)O~ 不过,一旦把对象定义为防篡改之后,就无法撤销了哦. 1 不可扩展对象 默认情况下,所有的对象都是可扩展的,即可以随意地添加属性和方法.现在,使用 Object.preventExtensions(person) 方法后,对象就不可以扩展咯: <scr
-
原生JavaScript创建不可变对象的方法简单示例
本文实例讲述了原生JavaScript创建不可变对象的方法.分享给大家供大家参考,具体如下: Javascript是一种灵活的语言,你可以重新定义任何东西,但是当项目变得复杂时,我们会发现可变数据结构的问题.随着JavaScript的最新版本的发布这种情况发生了改变.现在可以创建不可变的对象了.本文介绍如何用三种不同的方法来做. 对象的不变性意味着我们不希望对象在创建后即以任何方式更改(将它们设置为只读类型). 假设我们需要定义一个 car 对象,并在整个项目中使用它的属性来执行操作.我们不能允
-
java使用反射创建并操作对象的方法
Class 对象可以获得该类里的方法(由 Method 对象表示).构造器(由 Constructor 对象表示).成员变量(由 Field 对象表示),这三个类都位于 java.lang.reflect 包下,并实现了 java.lang.reflect.Member 接口.程序可以通过对象来执行对应的方法,通过 Constructor 对象来调用对应的构造器创建实例,能通过 Field 对象直接访问并修改对象的成员变量值. 创建对象 通过反射来生成对象需要先使用 Class 对象获取指定的
-
Python调用JavaScript代码的方法
准备阶段: 以一段简单的JS脚本为例,将代码写入到文件中,其中,定义了一个方法,计算两个数的和. //norm.js //计算两个数的和 function add(num1, num2) { return num1 + num2; } 方法一.PyExecJS PyExecJS 是使用最多的一种方式,底层实现方式是:在本地 JS 环境下运行 JS 代码支持的 JS 环境包含:Node.js.PyV8.PhantomJS.Nashorn 等 首先,我们需要安装依赖包 PyExecJS //p
-
Javascript对象属性方法汇总
数组(Array):系列元素的有序集合 属性: length:用于获取数组元素的个数,既最大下标加 1 方法: sort(function):在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串,在排序; reverse():颠倒数组中元素的顺序: concat(array1,arrayn):用于将N个数组合并到array1数组中: join(string):用于将数组中元素合并为字符串,string为分隔符,如省略参数,则直接合并,不加分隔: slice(start
-
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
先来看看现象: 复制代码 代码如下: <html> <head> <title>apply_and_call</title> </head> <body onload="init()"> <div id="testDiv" style="position: absolute; border: 1px solid gray; width:100px; height: 100px&q
-
JAVA创建和销毁对象的方法
创建对象的几种方式 构造器 静态工厂方法 通过Builder 静态工厂方法优点 有名称-调用更清晰 每次调用时不会创建一个新对象 可以返回原返回类型的任何子类型的对象 创建参数化类型实例的时候,使代码更简洁 静态工厂方法缺点 类如果不含共有的或受保护的构造器,就不能被子类化 与其他静态方法实际上没有任何区别 遇到多个构造器参数时要考虑用构建器 重叠构造器模式 但是,在有很多参数时,客户端代码难以编写且难以阅读. JavaBeans模式. 调用一个无参构造器来创建对象,调用 setter 方法来设
随机推荐
- Angular.js中用ng-repeat-start实现自定义显示
- win7系统下 vs2010 调式就关闭要重启处理方法
- javascript 删除dom对象的事件函数代码
- 浅谈VS中的DataPager分页
- php生成短网址示例
- C#读取数据库返回泛型集合详解(DataSetToList)
- 通过先序遍历和中序遍历后的序列还原二叉树(实现方法)
- C++中的单例模式介绍
- 升级SQL Server 2014的四个要点要注意
- Java函数式编程(九):Comparator
- MySQL存储数据乱码的问题解析
- jQuery滚动条插件nanoscroller使用指南
- jQuery+slidereveal实现的面板滑动侧边展出效果
- javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
- JavaScript编写简单的计算器
- js chrome浏览器判断代码
- mui 打开新窗口的方式总结及注意事项
- 第三方开源Android TickPlusDrawable状态可以通过动画切换的按钮
- ThinkPHP中order()使用方法详解
- C标准库<assert.h>的实现详解