JavaScript学习笔记27-给对象添加一个方法

最新推荐文章于 2023-03-15 15:55:02 发布
最新推荐文章于 2023-03-15 15:55:02 发布
阅读量1k 收藏
点赞数 1
分类专栏： JavaScript基础教程 文章标签： JavaScript 笔记 对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011541946/article/details/70949395
版权

      这一篇介绍如何使用对象中的方法，前面介绍了对象和对象的属性，这里在前面的基础上，给对象创建一个方法，请看例子。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
<head> 
<script type ="text/javascript">  
	// 定义一个对象
	function person(name, age){
		this.name = name;
		this.age = age;
		this.leftYears = leftYear;
	
	}
	
	function leftYear(){
	// 假如我们能活100岁，这里计算还有多少年可活
		var numyears = 100 - this.age;
		return numyears;
	}
	
	var anthony = new person("Anthony liu", 18);
	
</script>   
</head>  
<body>  
<script type ="text/javascript">  
	document.write(anthony.name + " have " + anthony.leftYears()+" years");
</script>  
</body>  
</html>
上面的例子是，通过一个对象属性的值指向了另外一个函数，这样这个对象就有了方法可以调用，这个和Python或者Java中类和类调用本身方法有点不一样。

Anthony_tester
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
给对象添加方法
m0_60878392的博客
10-22 1236
1.直接给对象添加（对象通过字面量创建） <!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var person = { firstName: "Bill", lastName : "Gates", id : 678, }; person.name = function() { return this.firstName + " " + th...
JavaScript学习笔记之创建对象
11-23
2. **使用 `new` 关键字和 `Object` 构造函数**：通过 `new` 操作符和 `Object` 构造函数也能创建一个空对象，然后动态添加属性。例如： ```javascript var girl = new Object(); girl.name = '欣欣'; girl.age ...
为对象添加方法
benben0729的专栏
02-20 672
理解了对象，其实很简单下面通过一个示例来简单描述 需求 为数组对象添加一个方法console(),arr.console()打印出数组 Array.prototype.console = function(){ console.log(this); } var a = [1,2,3,4,5]; a.console(); #结果： (5) [1, 2, 3, 4, 5] ...
JavaScript中给对象添加方法
weixin_30908649的博客
11-05 1253
在JavaScript中，我们经常要给已定义的对象添加一些方法，如下： function circle(w,h){ this.width=w; this.height=h; } var cir = new circle(8,9); 这时我们突然要计算cir对象的面积，怎么办呢？我们可以专门为这个对象新定义一个计算面积的方法。 ...
javascript中Date对象及方法
专研前端，探索后端
04-24 361
Date对象： 该对象呈现时间中的某个时刻。其本质是自1970年1月1日（UTC）起经过的毫秒数，相关属性的方法如下：（如果Date对象中传入指定的时间，则以传入的指定时间返回相关数据，就不会以本地时间为准返回数据了） 继： 继： 继： 继： 自定义一个格式的时间对象： <script> // 格式化后的指定的日期和时间----封装一个函数 function getDate(dat) { var years = dat.getF
JavaScript Date 对象
老狼的专栏
03-06 2266
Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象：new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, day, hours,...
Javascript学习笔记-学JS的一手教程
最新发布
05-07
JavaScript学习笔记 JavaScript是一种强大的、跨平台的编程语言，主要用于为网页和应用程序添加交互性。在Web开发中，JavaScript与HTML和CSS一起构成了基础的三驾马车。本教程将帮助初学者理解JavaScript的核心概念...
JavaScript学习笔记之ES6数组方法
01-19
ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，...
Javascript学习笔记5 类和对象
12-11
首先，我们要明确一个概念，Javascript是一种弱类型的语言，一方面体现在Javascript的变量，返回类型都是没有强类型约束的，另一方面，Javascript可以为对象任意添加属性和方法。根据这个，我们可以写出这样的代码...
JavaScript学习笔记之JS对象
11-28
在本篇学习笔记中，我们将重点关注两种基本的对象类型：日期对象（Date）和数组对象（Array）。 首先，让我们来看看日期对象Date。在JavaScript中，Date对象用于处理日期和时间。创建一个Date对象的基本格式是`new ...
前端开发：JS中向对象中添加对象的方法
a476613958的博客
03-15 6634
Object.assign()方法有好几个用法，主要是用于将所有可枚举属性的值从一个或多个源对象复制到目标对象中。在JS中向对象中添加对象的操作方法大概有三种：直接添加、使用扩展运算符…3、Object.assign()方法。2、使用扩展运算符…
小游戏（四）
Swilder的博客
10-08 870
添加主角碰触收集星星的行为 打开 Game 脚本，在 spawnNewStar 方法最后面添加一句 newStar.getComponent(‘Star’).game = this; // Game.js spawnNewStar: function() { // … // 在星星组件上暂存 Game 对象的引用 newStar.getComponent(‘Star’).game = this;...
对象的扩展
fuchang的博客
11-05 256
对象的扩展 对象（object）是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级，本章介绍数据结构本身的改变，下一章介绍Object对象的新增方法。 属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo}; 上面代码中，变量foo直接写在大括号里面。这时，属
js中对象添加的两种方法
weixin_35752233的博客
01-06 506
在 JavaScript 中，对象可以通过两种方法添加属性和方法： 通过赋值语句添加属性： const obj = {}; obj.name = 'John'; obj.age = 30; 使用 object literal 语法定义对象并添加属性和方法： const obj = { name: 'John', age: 30, greet() { console.l...
给一个对象添加属性和方法的三种方案简单比较
花神的博客
05-16 1万+
下午刚好没什么事情，作为有追求的程序员当然要搞点事情了，于是便把给对象添加属性和方法的几种常用方法总结了一下，不是很全面，只是自己的一点总结。<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>给一个对象添加属性和方法的三种方案简单比较</title> </head> <b
Javascript在对象生成后，可以任意给该对象添加属性或者方法。
一亩地的专栏
01-12 9638
javascript是一种动态语言，不管你是否接受，它就是这样的，有些东西你必须接受它，才可以享受它提供的服务。 看书籍看的多了，也渐渐有了自己的看法。 Javascript在对象生成后，可以任意给该对象添加属性或者方法。 var o = {}; // 我发现了一个东西。 o.eat = function(){return "I am eating."}  // 我发现它会
给JS对象添加属性和方法
热门推荐
wqh0830的博客
02-22 4万+
方式一：在定义对象时，直接添加属性和方法 function Person(name,age) { this.name = name; this.age = age; this.say = function() { alert(name + ':::' + age); } } var person = new Person('张三', 24); person.say(); 方式二：...
给一个自定义对象添加属性和方法
floraluoluo的博客
03-29 2192
给一个自定义对象添加属性和方法<script type="text/javascript"> //通过生成的对象，给对象添加属性和方法 var obj = {}; //添加属性 obj .name = "hh"; obj .age = 25; //添加方法 //或者 obj.sum 或者 obj['sum'] 打点或者使用[]都可以 obj.sum = function(a,b){
cocos creator学习笔记3--游戏主脚本（game.js）
qq_41371197的博客
07-12 3258
资源配置 properties: { // 这个属性引用了星星预制资源 starPrefab: { default: null, type: cc.Prefab }, // 星星产生后消失时间的随机范围 maxStarDuration: 0, min...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值