JS学习（四）

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量194 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cruise_ma/article/details/52903386
版权

JavaScript 对象方法

对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。

<p id="demo"></p>
<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
    {
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo").innerHTML = person.fullName();
</script>

执行结果：John Doe

如果你要访问 person 对象的 fullName 属性，它将作为一个定义函数的字符串返回：

<p id="demo"></p>
<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
    {
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo").innerHTML = person.fullName;
</script>

执行结果：function () { return this.firstName + ” ” + this.lastName; }

总结

你可以使用以下语法创建对象方法：

methodName : function() { code lines }

可以使用以下语法访问对象方法：

objectName.methodName()

通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

JavaScript 函数

实例：

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>

函数使用关键词 function

function functionname()
{
执行代码
}

注意：JavaScript 对大小写敏感。关键词 function 必须是小写的。

Cruise_Ma
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础学习（四）
Cherry_Zj的博客
09-05 592
文章目录DOM节点节点的属性 DOM DOM，全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。 文档：文档表示的就是整个HTML网页文档。 对象：对象表示将网页中的每一个部分都转换为一个对象。 模型：使用模型来表示对象之间的关系，这样方便那我们获取对象。 节点 节点Node，是构成我们网页的最基本的组成部分，网页中的每个部分都可以称为是一个节点。比如：html标签、属性、文本、注释、整个文档等都是一个节点。 虽然都是节点，但是实际上他们的具体类型是
JS的学习
weixin_51394541的博客
07-21 220
JavaScript HTML(结构)：超文本标记语言，决定网页的结构和内容 CSS（表现）：层叠样式表，设定网页的表现样式 JavaScript（行为） 一门世界上最流行的脚本语言，一种弱类型脚本语言，其源代码不需要经过编译，而是由浏览器解释运行，用于控制网页的行为 Java与JavaScript没有关系 引入JavaScript 内部标签使用 外部引入 基本语法入门 数据类型 数值，文本，图形，音频，视频… 变量 var数据类型 JS不区分小数和整数，Number NaN //not a number
JavaScript（JS）对象属性配置（二）--- 属性的 getter 和 setter
秋天，黄叶坠地，凉风有信。
03-01 886
属性的 getter 和 setter 有两种类型的对象属性。 第一种是 数据属性。我们已经知道如何使用它们了。到目前为止，我们使用过的所有属性都是数据属性。 第二种类型的属性是新东西。它是 访问器属性（accessor properties）。它们本质上是用于获取和设置值的函数，但从外部代码来看就像常规属性。 getter 和 setter 访问器属性由 “getter” 和 “setter” 方法表示。在对象字面量中，它们用 get 和 set 表示： let obj = { get propNam
js-void(0)的含义
张默的博客
12-23 140
href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息，默认的锚是#top 也就是网页的上端。 而javascript:void(0), 仅仅表示一个死链接。 在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。 如果你要定义一个死链接请使用 javascript:void(0) 。 <body> <a ...
JavaScript（八） this、let和const关键字
杨大侠不是奥特曼的博客
09-05 529
目录 JavaScript this 关键字 方法中的 this 单独使用 this 函数中使用 this（默认） 事件中的 this 对象方法中绑定 显式函数绑定 JavaScript let 和 const HTML 代码中使用全局变量 重置变量 const 关键字 JavaScript this 关键字 面向对象语言中 this 表示当前对象的一个引用。 但在 J...
javascript 截取文件名，文件后缀名
ys.hubery
01-11 1849
分析 想要截取文件名和文件后缀名，我们需要分析文件fullName的特点 一般文件的格式为 文件名.文件后缀名，‘.’ 符号在文件名和后缀名之间起到分隔的作用。 使用通过正则表达式匹配文件fullName的方式，在通过截取字符串，从而实现文件名后文件后缀名的截取。 正则表达式 在线正则表达式测试工具 1.文件后缀名一般为大小写英文字母 [A-Za-z] 2.后缀名英文字符的个...
js对象的访问
zag666的博客
10-09 310
对象的方法与属性： 访问 person 对象的 fullName() 方法： 把 fullName() 描述为 person 对象的方法，把 fullName 描述为属性。fullName 属性在被通过 () 调用后会以函数形式执行。 name = person.fullName(); 访问 fullName 属性时没有使用 ()，则将返回函数定义： name = person.fullName;...
JavaScript完全学习手册
07-22
资源名称：Javaｓｃｒｉｐｔ完全学习手册内容简介：本书分4篇14章，介绍Javaｓｃｒｉｐｔ的知识，全书内容包括：Javaｓｃｒｉｐｔ语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...
JavaScript 学习笔记（四）
10-29
今天继续学习JS中的对象，昨天学完了本地对象中的两个重要对象Array和Date。今天看下内置对象Global对象和Math对象。
js:javascript学习
06-08
JavaScript的学习是一个持续的过程，随着技术的发展，新的特性如ES新版本的特性、Web Components、WebAssembly等不断涌现。掌握JavaScript不仅能让你在前端开发游刃有余，也能为后端开发和全栈开发打下坚实基础。
Vue.js第四天学习笔记
10-20
在Vue.js的学习过程中，第四天的内容涉及到了将JSON数组数据转换为CSV格式并进行导出。这个功能在数据管理和分析中非常实用，特别是在处理表格数据时。以下是对这段代码的详细解析： 首先，HTML部分创建了一个按钮...
JavaScript 学习技巧
10-29
JavaScript 学习技巧 JavaScript 学习技巧是指在学习和使用 JavaScript 过程中需要掌握的一些重要技巧和知识点，涵盖从基本数据类型到高级应用场景。本文将总结和分享六个有用的 JavaScript 学习技巧，帮助开发者更...
js部分数据类型及对象属性等基础知识
qq_42751769的博客
08-22 228
** 1.JavaScript 部分数据类型 ** 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔： var person={firstname:"John", lastname:"Doe", id:5566}; 上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。 空格和折行无关紧要。声明可横跨多行： var person={ firstname : "John", lastname : "
JS定义属性及方法
思维小刀
06-03 4304
1.只有属性 var car = "porsche"; 2. 属性方法 var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; } }; ...
JavaScript知识(2)
airar的博客
09-28 177
1.JavaScript 对象 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由 逗号分隔 var person={firstname:"John", lastname:"Doe", id:5566}; 上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id 空格和折行无关紧要，声明可横跨多行 var person={ firstname:"John", lastname:"Doe",
对象内部方法的创建和使用
weixin_30852451的博客
10-11 122
使用以下语法创建对象方法： methodName : function() { code lines } 使用以下语法访问对象方法： objectName.methodName() 通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。 转载于:https://www.cnblogs.com/halao/p/765195...
JavaScript学习记录（一）
我曾将青春翻涌成她 也曾指尖码出盛夏
08-15 243
一些小操作 · 前瞻 1.直接写入html输出流 使用语句document.write("……")，样例如下：（只能在输出流中使用，如果已经加载了文档，会覆盖） &lt;script&gt; document.write("&lt;h1&gt;这是一个标题&lt;/h1&gt;"); document.write("&lt;p&gt;这是一个段落。&lt;/p&gt;&q
JavaScript学习笔记(一)：Basic Knowledge
tszhanghaihui的专栏
01-21 337
1.toggle()方法切换元素的可见状态 $(selector).toggle(speed, callback, switch); 参数可选 2.document.getElementById("demo").innerHTML ="段落已修改。"; 3.如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示JavaScript 值。 console
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
javascript学习手册四：js对象
06-28
JavaScript中的对象是一种无序的键/值对集合。您可以使用对象来存储任意数据类型，并且可以使用键来访问这些数据。 创建对象的方式有多种，其中一种是使用对象字面量语法： ``` let obj = { key1: value1, key2: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值