es6 class 跟普通function的区别

最新推荐文章于 2025-06-02 22:46:16 发布
原创 最新推荐文章于 2025-06-02 22:46:16 发布 · 6.4k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6 class

本文探讨了ES5中的function与class在执行上下文改变方式上的区别，function可通过call、apply、bind改变执行上下文，而class则由于内部代理机制限制，无法进行此类操作。同时，文章对比了class中静态方法与原型方法的不同。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

es5 中的function 可以用call apply bind 的方式 来改变他的执行上下文   

但是class 却不可以   class 虽然本质上也是一个函数  但是 其内（babel）部做了一层代理 来禁止了这种行为

限制该函数不能被call 到别的对象   ;

 

再看 class 中静态方法   跟原型方法 的区别 

我们用如下方式创建一个class 

babel 在解析class 的时候生成如下代码 

我的博客地址：http://blog.feshishan.cf

 

一文了带您了解 ES6 Class 用法
我哎GIS博客
09-05 2017
ES6中的class是基于JavaScript中的一个强大的属性，也就是原型属性prototype，由这个属性改良得来的一种语法糖。在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。
ES6深入—ES6 Class 类
weixin_44009656的博客
05-30 766
本文介绍了 ES6 Class 的 ES6 类的定义及使用的 constructor() 方法、Class 表达式和 super 关键字。
ES6---箭头函数()=＞{} 与function以及class的区别
weixin_49295874的博客
08-03 400
https://blog.youkuaiyun.com/github_38851471/article/details/79446722
函数与普通函数的区别_查漏补缺对比class与旧构造函数的区别
weixin_30569923的博客
01-12 127
前言JavaScript是没有类这个概念的，区别于其他传统的强类型语言，例如Java，JS的类(构造函数)在设计根本上就有本质的不同，Java的类是代码的拷贝，而JS则用了原型链继承而已，所谓的构造函数只不过就是个普通函数，(只是大家习惯在使用时大写，这事也就成了规范)。ES6的class本质上是构造函数的语法糖，只是这个语法糖写得更像是Java，为了做区分，我将在这篇博客上专门对比cl...
JavaScript 中 class 和 function 定义的构造函数有什么本质区别？
最新发布
前端大白话
06-02 1111
前端小伙伴们，有没有被面试问到“class和function构造函数有啥区别”时，大脑瞬间死机？或者维护老项目时，看着满屏的`function Person()`和新项目里的`class Person`，默默挠头：“这俩不都是造对象的吗？” 别慌！今天咱们就用“布洛芬式”轻松语气，把这对“表面兄弟”的本质区别扒个底朝天～看完这篇，你不仅能和面试官唠明白，还能在写代码时精准选工具，再也不纠结！
function构造函数和Class的区别
前端阿玉博客
02-10 988
class事实上是一种特殊的funcion，就像可以定义funcion表达式和funcion声明一样，class语法也有2种形式：class表达式和class声明 Function构造函数：可以实例化函数对象，function声明会变量提升。 Class:ES6中的构造语法——Class，在语法上更贴合面向对象的写法。实现继承更加易读、易理解。更易于写java等后端语言的使用。本质是语法糖，使用prototyp。不会变量提升，需要先声明再使用 class的body部分包含在花括号{}中
继承的实现（es5、es6）以及两者的区别、new的实现
qq_36582776的博客
03-15 308
1.ES5 function Father(name){ this.name=name } function Son(name,age){ Father.call(this,name) this.age=age } Son.prototype=new Father() Son.prototype.constructor=Son 2.ES6 class Father{ constructor(name){ this.name=name } }
TypeScript中的函数与类
wu1737149371的博客
06-27 1056
TypeScript中的类 传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。 使用TypeScript，我们允许开发者现在就使用这些特性，并...
ES6 class的应用实例分析
10-16
在ES6中，`class`关键字的引入是为了提供一种更简洁、更易读的方式来定义类。在JavaScript中，虽然之前已经支持基于原型的面向对象编程，但`class`语法更接近传统的面向对象语言，如Java或C#。下面将详细讨论`class`...
js代码-es6 class测试
07-15
2. **方法定义**：类中的方法定义就像普通的函数一样，只是不需要`function`关键字。例如，`method1`和`method2`是类`ClassName`中的两个方法。 3. **静态方法**：通过`static`关键字，可以在类中定义静态方法，...
ES6--class类（详解/看完必会）
热门推荐
蜗牛~~
02-22 1万+
ES6中class类的学习，看完必会
ES6类定义方法的两种式及调用方式-class - function
Guoye的专栏
11-18 1114
类的实例调用方法会报一个错误，是发生在方法的内部调用自身的方法产生的错误， `refresh`方法不存在。` Cannot read property 'refresh' of undefined`
ES6class与ES5 构造函数区别及联系
TXW6666的博客
03-28 908
首先我们来了解一下类定义 类 类是用来描述现实事物的，由属性和行为组成。可以看成是一类事物的模板，使用事物的属性特征和行为特征来描述该类事物。 constructor 一个类只能有一个constructor方法 在function定义的构造函数中，其prototype.constructor属性指向构造器自身 在class定义的类中，constructor其实也相当于定义在prototype属性上...
ES6 class与ES5 function区别及联系
MorningDuGe
08-24 8137
关于构造器constructor在function定义的构造函数中，其prototype.constructor属性指向构造器自身 在class定义的类中，constructor其实也相当于定义在prototype属性上class Point { constructor() { // ... } toString() { // ... } toValue() {
JavaScript class和function的区别
火星基地
11-02 4342
在 JavaScript 中，ES6 开始引入class的概念。实际上，JavaScript 中class的本质也是基于原型prototype的实现方式作了进一步的封装，其本质还是函数function。虽说如此，class和function还是有不同之处。 1. 相同点：都可作为构造函数 1. 函数作为构造函数 class和function都可以作为构造函数，通过new操作符来实例化。 如下代码，函数作为构造函数的写法。函数作为构造函数，通常首字母要大写。构造函数中的this指向构造函数创建出来的实例对象u
关于js中function和class的内在关系及区别的理解
weixin_30692143的博客
07-18 547
在js中，从es6开始引进class，根本上是基于js中已经存在的原型继承的语法糖，class语法并没有引进一种新的面向对象的继承机制。 一、定义class 　　class事实上是一种特殊的funcion，就像可以定义funcion表达式和funcion声明一样，class语法也有2种形式：class表达式和class声明。 　　1、class声明 　　定义一个class，可以使用clas...
ES6中Class类的用法以及和ES5函数声明的区别
qq_43532275的博客
11-08 485
ES6中Class类的用法以及和ES5函数声明的区别
使用es6的class和使用function的prototype两种方法定义类的区别
qq_34928693的博客
04-28 1067
传统的使用function定义类：function Person(name,age){ this.name=name; this.age=age; } Person.prototype.addAge=function(){ this.age++; }; Person.prototype.setName=function(name){ this.nam...
js中class声明的函数和function声明的函数有什么区别
宋坚强大大~~
08-04 4495
1.class声明的函数会有变量提升，但是不会赋值（即进入了暂时性死区，类似let和const声明的变量），而function声明的函数既会提示，也会初始化 暂时性死区： 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。 var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; } 上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量.
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值