首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一天一点JavaScript编程知识:对象Object概述

导语:哥们是一壶烈酒,让你兴奋,让你激动,让你尽显英雄本色,虽然有时也难免让你丢人现眼;朋友是一杯清茶,让你平和,让你宁静,让你略知世道人心,虽然有时也难免让你单调乏味。

转载自百家号作者:码农登陆

一天一点JavaScript编程知识:对象Object概述,前言

这个系列,是自己一个朋友发起的。因为最近比较的闲,加上身边朋友想入坑编程的比较多,所以他决定写一个面向零基础的小白的系列文章。

文章一部分内容,来自它自己工作总结的内容,一部分来自国外颇受好评的博客翻译。因为他是Web前端出身,所以选择了JavaScript作为这个系列的内核。

背景介绍完毕,咱们开始上正文。

正文

JavaScript是面向对象编程(OOP)语言。如果编程语言为开发人员提供了四种基本功能,则可以将其称为面向对象

封装 - 在对象中存储相关信息(无论是数据还是方法)的功能。聚合 - 将一个对象存储在另一个对象中的能力。(PS:存在一定争议,国内普遍认为面向对象的特征是除此之外的三个)继承 - 类的某些属性和方法依赖于另一个类(或类的数量)的能力。多态性 - 编写一种以各种不同方式工作的函数或方法的能力。对象由属性组成。如果属性包含函数,则将其视为对象的方法,否则将该属性视为属性。

一、对象属性

对象属性可以是三种基本数据类型中的任何一种,也可以是任何抽象数据类型,例如另一个对象。对象属性通常是在对象方法内部使用的变量,但也可以是在整个页面中使用的全局可见变量。

向对象添加属性的语法是:

objectName.objectProperty = propertyValue;以下代码使用文档(PS:document,内置的系统属性)对象的“title”属性获取文档标题。

var str = document.title;

二、对象方法

方法是让对象做某事或让某事做完的功能。函数和方法之间存在细微差别:函数是一个独立的语句单元,一个方法附加到一个对象,可以通过this关键字引用。

以下是一个简单示例,说明如何使用document对象的write()方法在文档上写入任何内容。

document.write("This is test");

用户定义的对象

所有用户定义的对象和内置对象都是名为Object的对象的子类(PS:可以理解成Object的孩子)。

三、new操作符

new运算符用于创建对象的实例。要创建对象,new运算符后跟构造函数方法。

在以下示例中,构造函数方法是Object(),Array()和Date()。这些构造函数是内置的JavaScript函数。

四、Object()构造函数

构造函数是一个创建和初始化对象的函数。JavaScript提供了一个名为Object()的特殊构造函数来构建对象。Object()构造函数的返回值分配给变量。该变量包含对新对象的引用。

上代码,demo1:

PS:以下代码,可以直接在自己的电脑上创建一个txt文件,把把内容,写到txt文件中。把文件的后缀名改为html就可以双击直接打开。为了更好的复制,截图下方,提供重复的文字版~

User-defined objects

PS:引用怎么理解呢?可能理解为,它只是一个表示,通过这个表示可以找到真正的实例对象。

输出结果:

Book name is : Perl Book author is : Mohtashim

demo2:

此示例演示如何使用用户定义的函数创建对象。下面这个关键字被用来指已传递给函数的对象。

User-defined objects

输出:

Book title is : Perl Book author is : Mohtashim Book price is : 100

尾声

关于入门的第一课:Object到此就结束了,文中一笔带过了属性/方法/函数等概念,重点聊Object对象。不知道各位小伙伴是否有收获呢?

下一篇常见的类型用法,咱们不见不散~

文章已经写完了,分开也是必然的,虽然分别的时候总是难受的,但是不再相见不等于,我不会想念大家,也希望你们能想念小编,毕竟小编的文章在你们的脑海中留下了一丝的痕迹,可能有那么一天,你们会想起小编写的这篇文章,祝福你们,最后能不能给小编点点关注,可以的话,留下只言片语也好!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190208A0DJMU00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券