当前位置: 首页 > news >正文

js进阶-深入对象-内置构造函数-包装类

一. 创建对象的三种方式

1.1 利用对象字面量创建对象
const p = {name:"kebi"
}
1.2 利用 new Object 创建对象
	// const obj = new Object()// obj.uname = 'maidi'// console.log(obj)const obj = new Object({ uname: 'maidi' })
1.3 利用构造函数创建对象

大写字母开头的函数
说明:

  1. 使用 new 关键字调用函数的行为被称为实例化
  2. 实例化构造函数时没有参数时可以省略 ()
  3. 构造函数内部无需写return,返回值即为新创建的对象
  4. 构造函数内部的 return 返回的值无效,所以不要写return
  5. new Object() new Date() 也是实例化构造函数
	// 1. 构造函数 function Person(uname, age) {this.uname = unamethis.age = age}Person.sex = "99"// 2.new 关键字调用函数const p = new Person('老弟', 6)console.log(p)

实例化执行过程 说明:

  1. 创建新对象
  2. 构造函数this指向新对象
  3. 执行构造函数代码,修改this,添加新的属性
  4. 返回新对象

二. 实例成员&静态成员

静态成员 : 构造函数上的属性和方法称为静态成员(静态属性和静态方法)

实例成员: 实例对象的属性和方法即为实例成员

	//  构造函数 function Person(uname, age) {// 省略实例成员}Person.eyes= 2Person.arms= 2// 静态方法Person.walk = function(){// this指向Personconsole.log(this.eyes)}

说明:

  1. 构造函数的属性和方法被称为静态成员
  2. 一般公共特征的属性或方法静态成员设置为静态成员
  3. 静态成员方法中的 this 指向构造函数本身

通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员。

	//  构造函数 function Person(uname, age) {// }Person.eyes= 2Person.arms= 2// 静态方法Person.walk = function(){// this指向Personconsole.log(this.eyes)}

说明:

  1. 实例对象的属性和方法即为实例成员
  2. 为构造函数传入参数,动态创建结构相同但值不同的对象
  3. 构造函数创建的实例对象彼此独立互不影响。
http://www.lryc.cn/news/321507.html

相关文章:

  • Linux作业
  • 信息发布系统
  • Dell Inspiron 戴尔灵越16plus7620升级M2硬盘
  • 视频怎么转mp4格式?分享3个宝藏方法,轻松学会
  • Javascript 元二分搜索 | 单边二分查找(Meta Binary Search | One-Sided Binary Search)
  • 柚见十三期(优化)
  • Node.js常用命令:了解Node.js的核心命令和用法
  • QT 驾校系统界面布局编写
  • 【Auth Proxy】为你的 Web 服务上把锁
  • Docker 从0安装 nacos集群
  • keithley2612A数字源表
  • AI助手 - 月之暗面 Kimi.ai
  • 《计算机考研精炼1000题》为你考研之路保驾护航
  • el-input添加keyup事件无响应
  • 错误1075:依存服务不存在, 或已标记为删除的解决方法
  • 【Python】使用selenium对Poe批量模拟注册脚本
  • 【Linux】编译器-gcc/g++的使用(预处理、编译、汇编、连接)
  • 【Linux】Linux安装软件---软件包管理器 yum
  • QT网络编程之获取本机网络信息
  • 离线安装docker、docker-compose、Mysql镜像
  • Redis系列学习文章分享---第九篇(Redis快速入门之好友关注--关注和取关 -共同关注 -Feed流实现方案分析 -推送到粉丝收件箱 -滚动分页查询)
  • 数据库基本介绍及编译安装mysql
  • 代码随想录算法训练营第55天 | 583. 两个字符串的删除操作, 72. 编辑距离
  • Guava之EventBus源码分析
  • Spark on Yarn安装配置
  • Debezium日常分享系列之:Debezium 2.5.3.Final发布
  • elment-ui el-tabs组件 每次点击后 created方法都会执行2次
  • sheng的学习笔记-AI-Network in Network(NIN)和1*1卷积
  • 【靶机测试--PHOTOGRAPHER: 1【php提权】】
  • LeetCode每日一题——删除有序数组中的重复项