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

JavaScript构造函数

1、构造函数:

是一个函数,是通过new运算符进行调用,生成一个特殊的对象并返回。

function 函数名([参数]){

       this.属性名 = ‘属性值’

        ...

       this.属性名 = function([参数]){

                函数体语句

        }

}

 通常情况下,建议构造函数的首字母大写

2、构造函数的使用:

(1)使用new调用构造函数,每new一次,就会在内存中分配一块新的存储空间来存放对象

(2)给构造函数传递不同的参数,可以动态的改变对象的属性值

3、构造函数和普通函数的区别:调用方式不同

(1)构造函数:通过new运算符调用

(2)普通函数:直接调用

4、在使用new运算符调用构造函数后,js执行的具体操作

(1)在内存中创建一个对象

(2)将构造函数内部的this指向该对象

(3)执行构造函数内部的代码

(4)将新对象返回

5、this:js在每次调用函数时,都会传递一个隐含的参数this

(1)以普通函数方式调用时,this指向window

function fun(){console.log(this)
}
fun();

 

(2)以对象、函数名的方式调用时,this指向调用函数的对象

let obj = {fun:function(){console.log(this);}
}
obj.fun();

 

(3)以构造函数方式调用时,this指向新创建的对象

function Person(name,age,sex){this.name = name,this.age = age,this.sex = sex,this.show = function(){// console.log(this.name,this.age,this.sex)
}console.log(this)
}
let person1 = new Person('小王',20,'男');
person1.show();

 

http://www.lryc.cn/news/154507.html

相关文章:

  • 手写嵌入式操作系统(基于stm8单片机)
  • vue3.3 ~
  • 滑动窗口实例4(将x减到0的最小操作数)
  • 数据库原理及应用(MySQL)
  • 初识Maven(一)命令行操作和idea创建maven工程
  • MHA高可用配置及故障切换
  • FPGA/IC秋招面试题 1(解析版)
  • 华为云 异构数据迁移
  • wininet,winhttp,xmlhttprequest,各版本区别 《转》
  • 朴素,word,任何参考文献导入endnote
  • 数学建模--三维图像绘制的Python实现
  • Spring Cloud Alibaba-Feign整合Sentinel
  • zabbix配置钉钉告警、和故障自愈
  • Web安全测试(五):XSS攻击—存储式XSS漏洞
  • 本地PC机通过SSH方式远程Jetson
  • 面向对象 学习黑马视频(03)
  • FinClip 支持创建 H5应用类小程序;PC 终端 优化升级
  • YOLOV8实例分割——详细记录环境配置、自定义数据处理到模型训练与部署
  • 2309ddocx02文档
  • 第一章初识微服务
  • 微信小程序电影票订票小程序软件设计与实现
  • Redis 缓存预热+缓存雪崩+缓存击穿+缓存穿透
  • java 面试题汇总整理
  • 淘宝开放平台免审核接入 获取淘宝卖家订单列表订单详情API
  • Mybatis中的关系映射
  • 领域建模之数据模型设计方法论
  • springboot毕业生信息招聘平台设计与实现
  • 开发前期准备工作
  • k8s deployment服务回滚,设置节点为不可调度
  • 信息系统安全运维和管理指南