JavaScript - 对象实例化、调用对象的属性及方法

最新推荐文章于 2023-02-03 20:24:40 发布
最新推荐文章于 2023-02-03 20:24:40 发布
阅读量2k 收藏
点赞数
分类专栏： HTML + JavaScript 文章标签： javascript 王吉平
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/imwangjiping/article/details/39383013
版权 
<html>

	<head>
		
	<head>

	<body>
		<script language="javascript">
			//对象简单实例
			function Person(){}
			var person1 = new Person();
			person1.age = 22;
			person1.name = "wjp";
			//alert(person1.name + ":" +person1.age);
			
			function sayFunc(){
				//alert(person1.name + ":" +person1.age);
				var x = "name" ;
				eval("alert(person1." + x + ");");		// 等价于alert(person1.name);
				//alert(person1["age"] + ":" +person1[x]);
					x = "age" ;
				//alert(person1["age"] + ":" +person1[x]);
				//alert(person1["age"] + ":" +person1["name"]);
			}
			person1.say = sayFunc();
			alert(person1.say);
			//person1.say();
			
			person1.say = sayFunc;
			alert(person1.say);
			person1.say();
			
			var person2 = new Person();
			// 提示 undefined
			alert(person2.age);
			
		</script>
	</body>

</html>

W_Jp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript使用function定义对象并调用的方法
10-24
在JavaScript中，函数是一种特殊类型的数据，不仅可以作为值赋给变量，还可以作为参数传递，甚至可以作为返回值。...通过实例化和调用这些构造函数，我们可以构建复杂的应用程序和库，实现丰富的功能。
js的实例化方式
Amouzy的博客
07-25 836
js的实例化的几种模式：构造函数模式，工厂模式，原型模式，混合模式
JS实例化对象详解
最新发布
weixin_51828648的博客
02-03 1328
在程序语言中，“类”具有很多的方法，和属性，但是由于“类”是一个抽象的概念，没有办法直接使用其中的方法和属性，只有把这个“类”实例化成一个具体的“实例对象”才能够调用属于“类”的方法和属性，“实例对象”具有"类"的所有属性和方法，将抽象的概念具体到一个个体中，才能够更好的使用。比如：同属于“人类”的你，就是人类中一个具体的对象，你无法指挥“人类”去写代码，因为它只是一个概念，但是你可以写代码，因为你是“人类“中的一个具体实例，你不是概念化的是实体化的。从类具体到实例化对象，从抽象到具体的过程就称为实例化。
javascript中几种实例化方式的对比
qq_34415621的博客
03-15 1785
javascript中几种实例化方式的对比实例化的几种方式 实例化的几种方式 许多前端程序员对于js中的类其实都是比较懵逼的，因为业务开发中几乎不需要用到，但是当你读一些库的源码时，又是绕不过去的。 新旧语法，各种奇奇怪怪的关于类的方法一大堆，看看相关帖子，越看越是摸不着头绪。 下面把几种常见方式放在一起，做个比较。 // 最经典的实例化方式,大家都知道 function Foo(name) { this.name = name return 1 //不使用new调用时的返回值 } Foo.prototy
js中实例化对象的两种方法。
wulong710的专栏
06-12 1485
一种实例化对象的方法就是 Object.create 第二种是function let Item = { x: -1, y: -1, toString: function () { return pos2str(this.y, this.x); } } let obj1 = Object.create(Item); obj1.x = 13; obj1.y = 38; let obj2 = Object.create(Item); obj2.x =
mysql if函数 myba_请判断以下说法是否正确：在 PHP 5 中，在默认情况下 MySQL 支持是启用的。...
weixin_33836754的博客
01-27 404
解析:'ucfirst',explode('-', strtolower($request->action)))));------------------------------------------------------------function __autoload($class){$cls = strtolower(str_replace("_","/",$class));if(...
浅谈javascript构造函数与实例化对象
10-24
JavaScript 中的构造函数和其它语言中的构造函数是不同的。通过 new 关键字方式调用的函数都被认为是构造函数。任何JavaScript 函数都可以用做构造函数，构造函数必须使用new 运算符作为前缀来创建新的实例。
创建、调用JavaScript对象的方法集锦
10-25
在JavaScript编程中，创建和调用对象是核心概念，本文将探讨三种主要的方法：利用函数创建对象、利用对象字面量以及单例模式。这些方法各有优缺点，开发者可以根据具体需求选择合适的方式。 1. 利用函数创建对象： ...
javascript中使用new与不使用实例化对象的区别
01-19
请问这以下两种实例化对象方式有什么区别呢？ var mefun1 = new Me('fei','20','it'); var mefun2 = Me('fei','20','it'); 简单的说 第一种是构造函数式，即通过new运算符调用构造函数Function来创建函数 第二种...
JavaScript函数的4种调用方法实例分析
10-17
当函数作为对象的一个属性被调用时，我们称之为方法调用。在这种情况下，`this`的值将指向调用该方法的对象。例如： ```javascript var myObject = { firstName: "John", lastName: "Doe", fullName: function...
JavaScript数据类型
吴佩佩佩佩的博客
11-10 1497
JavaScript数据类型1. 基本数据类型1.1 String(字符串)1.2 Number(数值类型)1.3 Boolean(布尔值类型)1.4 Null(空类型)1.5 Undefined1.6 Symbol2. 复杂数据类型2.1 Object JavaScript有6个基本数据类型，1个复杂数据类型。 基本数据类型：String 、Number、Boolean、Null、Undefined、 Symbol 复杂数据类型： Object 1. 基本数据类型 1.1 String(字符串) 字符
js 关于对象属性的几种调用方式
kalenE992的博客
03-29 1204
let Tarot = { TheFool: "愚者", TheMagician: 1, TheHighPriestess: function () { return 'The High Priestess'; }, TheLeangle: [1, 2, 3, 4, 5] } 点方式 console.log(Tarot.TheFool); ...
JavaScript 面向对象
Lotus_fragrance的博客
06-13 108
面向过程和面向对象的对比 3. 类的继承 3.1 继承 语法： class Father{ // 父类 } class Son extends Father { // 子类继承父类 } 代码演示： 3.2 super 关键字 super 关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普 通函数 代码演示： 演示结果; 三个注意点: 2.css代码 css中在 li 中 要引入一个关闭的字体图标
js的对象以及属性和方法(详解)
weixin_54902466的博客
05-10 3566
文章目录前言一、关于对象1. 语法2.属性和访问3.方法和调用总结 前言 对象是 JavaScript 数据类型的一种，我之前分享了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。 提示：以下是本篇文章正文内容，下面案例可供参考 一、关于对象 1. 语法 声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。 <!DOCTYPE html> <html lang="en"> <hea
javascript知识点(1)：对象属性的调用
IU
10-20 752
在javascript中对对象属性的调用一般有两种方法 1. 对象.属性名 2. 使用 [] 中进行调用 测试用例 1.使用 对象.属性名的方法 //因为使用奇怪的属性名 我们将对象定义为x (未知) let x = { 1:'这是1', name:'x' } console.log(x.1) //报错 console.log(x.'1') //报错 console.log(x.name) // x 正常 //模拟动态添加属性 let addName = 'nose'; x.a
js对象实例化的常见三种方式
热门推荐
theowl的专栏
08-08 1万+
三种常见模式：工厂模式，构造函数模式，原型模式 Object 创建对象常见的三种方式 window.onload=function(){ //工厂模式 function oj(){ var lio=new Object(); lio.name='lio';
JavaScript 对象实例化
man_zuo的博客
05-02 1万+
参考资料：《JavaScript入门经典》利用内置对象创建直接实例JavaScript有一个内置对象Object，利用它可以创建一个空白的对象。aObject = new Object();添加属性这样，我们就创建了没有任何属性和方法的空白对象。现在我们可以用以下方法为对象添加属性：aObject.info = "I am a obeject";现在，我们成功为aObject对象添加了一个名为in...
访问javascript对象的属性和方法的两种方式
碧根果专栏
08-01 1万+
对象的引用可以使用点运算符（.）或者中括号运算符（[]）来访问其属性，需要注意的是，在点运算符之后书写的属性名会被认为是标识符，而中括号运算符内的则被转为字符串值的式子。 两种运算符的选择都没有问题，点运算符较为简洁，中括号运算符通用性更高。能使用点运算符的一定可以使用中括号运算符，反之不成立。下面列一下他们的区别，即只能使用中括号运算符的几种情况： 1、使用了不能作为标识符的属性名的情况。 ...
调用对象属性的两种方式
dianlu5775的博客
04-14 815
访问属性或方法时使用点符号，也可以使用方括号。 .符号 方括号 转载于:https://www.cnblogs.com/max-hou/p/8832380.html
JavaScript对象与实例解析-构造函数与属性方法
JavaScript的对象机制非常灵活，允许动态地添加或修改属性和方法。内部对象是JavaScript提供的预定义对象，如`Math`、`Date`、`Array`等，它们提供了许多方便的功能。例如，`Math`对象包含了各种数学常量和函数，`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值