当前位置:网站首页>那些易混淆的概念(三):function和class
那些易混淆的概念(三):function和class
2022-07-07 08:26:00 【xinxin_csdn】
ES6中的class类(oop面向对象的编程思想)和function区别
相同点:
都可作为构造函数,通过new操作符来实例化
函数实现构造函数
function Person(name) {
this.name = name
}
const user = new Person('Jack')
console.log(user); // Person { name: 'Jack' }
类实现构造函数,其中的constructor方法是一个特殊的方法,称为构造函数方法;
用new创建实例后,自动调用constructor,不定义constructor,相当于constructor是空函数
class Person {
constructor(name) {
this.name = name
}
}
const user = new Person('Jack')
console.log(user); // Person { name: 'Jack' }
不同点
1、调用类构造函数必须使用new操作符, 而普通的function构造函数如果不使用new,就会以全局的this,作为内部对象
2、function构造函数声明存在变量提升,可以先使用, class声明不存在变量提升,实例化对象必须写在声明之后
const user = new Person('jack')
function Person(name) {
this.name = name
}
3、class不可以使用call、apply、bind改变this指向
边栏推荐
- 【STM32】STM32烧录程序后SWD无法识别器件的问题解决方法
- [higherhrnet] higherhrnet detailed heat map regression code of higherhrnet
- About hzero resource error (groovy.lang.missingpropertyexception: no such property: weight for class)
- Study summary of postgraduate entrance examination in August
- 【二开】【JeecgBoot】修改分页参数
- [sword finger offer] 42 Stack push in and pop-up sequence
- [second on] [jeecgboot] modify paging parameters
- fiddler-AutoResponder
- 【HigherHRNet】 HigherHRNet 详解之 HigherHRNet的热图回归代码
- Prototype object in ES6
猜你喜欢
【二开】【JeecgBoot】修改分页参数
【HigherHRNet】 HigherHRNet 详解之 HigherHRNet的热图回归代码
Pre knowledge reserve of TS type gymnastics to become an excellent TS gymnastics master
Inno setup packaging and signing Guide
Vs code specifies the extension installation location
【剑指Offer】42. 栈的压入、弹出序列
[higherhrnet] higherhrnet detailed heat map regression code of higherhrnet
String formatting
Postman interface test VI
The story of Plato and his three disciples: how to find happiness? How to find the ideal partner?
随机推荐
[STM32] solution to the problem that SWD cannot recognize devices after STM32 burning program
5个chrome简单实用的日常开发功能详解,赶快解锁让你提升更多效率!
[detailed explanation of Huawei machine test] tall and short people queue up
Some superficial understanding of word2vec
字符串格式化
【acwing】786. 第k个数
Smart city construction based on GIS 3D visualization technology
Fiddler simulates the interface test
Adb 实用命令(网络包、日志、调优相关)
IPv4套接字地址结构
2022.7.4DAY596
gym安装踩坑记录
[dai6] mirror image of JZ27 binary tree
This article explains the complex relationship between MCU, arm, muc, DSP, FPGA and embedded system
[牛客网刷题 Day5] JZ77 按之字形顺序打印二叉树
@Transcation的配置,使用,原理注意事项:
2022.7.6DAY598
【HigherHRNet】 HigherHRNet 详解之 HigherHRNet的热图回归代码
P2788 数学1(math1)- 加减算式
Several schemes of building hardware communication technology of Internet of things