这篇文章主要给大家介绍了关于es5 类与es6中class区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类,今天整理一下它们的区别。

关于es5中定义类的方式,可以看这一篇Js的‘类',我们这里主要聊es5类和es6中class类的区别。

一、class类必须new调用,不能直接执行。

class类执行的话会报错,而es5中的类和普通函数并没有本质区别,执行肯定是ok的。

二、class类不存在变量提升

图2报错,说明class方式没有把类的定义提升到顶部。

三、class类无法遍历它实例原型链上的属性和方法


function Foo (color) {= color
}
Foo.prototype.like = function () {(`like${}`)
}
let foo = new Foo()for (let key in foo) {// 原型上的like也被打印出来了(key) // color、like
}


class Foo {constructor (color) {= color}like () {(`like${}`)}
}
let foo = new Foo('red')for (let key in foo) {// 只打印一个color,没有打印原型链上的like(key) // color
}

四、属性

es6为new命令引入了一个属性,它会返回new命令作用于的那个构造函数。如果不是通过new调用或()调用的,会返回undefined


function Person(name) {if ( === Person) {this.name = name;} else {throw new Error('必须使用 new 命令生成实例');}
}let obj = {}
(obj, 'red') // 此时使用非new的调用方式就会报错

五、class类有static静态方法

static静态方法只能通过类调用,不会出现在实例上;另外如果静态方法包含 this 关键字,这个 this 指的是类,而不是实例。static声明的静态属性和方法都可以被子类继承。


class Foo {static bar() {(); // 此处的this指向类}static baz() {('hello'); // 不会出现在实例中}baz() {('world');}
}() // hello

总结

到此这篇关于es5 类与es6中class的区别的文章就介绍到这了,更多相关es5类与es6中class区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

android person类_es5 类与es6中class的区别小结_javascript技巧相关推荐

  1. php util.js,javascript中一些util方法汇总_javascript技巧

    /***************原生对象工类方法****************/ /** * 判断非空 * @param obj * @returns {boolean} */ function i ...

  2. 1~22(面向编程+ES6中的类和对象+类的继承+面向对象版tab栏切换)

    1 面向对象编程介绍 1.1 两大编程思想 面向过程 面向对象 1.2 面向过程编程POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤,然后用函 ...

  3. 33 ES6中的类和对象

    技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.面向对象 面向对象的思维特点: a.抽取(抽象)对象共有的属性和行为组织(封装)成一个 ...

  4. 【Android 逆向】启动 DEX 字节码中的 Activity 组件 ( 使用 DexClassLoader 获取组件类失败 | 失败原因分析 | 自定义类加载器没有加载组件类的权限 )

    文章目录 一.使用 DexClassLoader 获取组件类失败报错 二.失败原因分析 一.使用 DexClassLoader 获取组件类失败报错 在上一篇博客 [Android 逆向]启动 DEX ...

  5. es6中的类及es5类的实现

    目录 类的特点 类的特点 1.类只能通过new得到 在es6中类的使用只能是通过new,如果你将它作为一个函数执行,将会报错. //es6的写法 class Child {constructor() ...

  6. android java 实体类 object变量 保存_Android中Intent传递对象的两种方法Serializable,Parcelable...

    Android中的传递有两个方法,一个是Serializable,另一个是Parcelable. Serializable是J2SE本身就支持的.而Parcelable是Android所特有的. 二者 ...

  7. JavaScript从入门到放弃 - ES6中的对象和类

    重点讲解Tab栏切换.增.删.改 1. 面向过程与面向对象 2.ES6 中的对象与类 2.1 对象 2.2 类 2.2.1 创建类 2.2.1.1 语法 2.2.1.2 实例 2.2.2 类创建添加属 ...

  8. es6中class类的全方面理解

    es6中class类的全方面理解(一) es6中class类的全方面理解(二)------继承

  9. android 快速开发常用工具类,实例详解Android快速开发工具类总结

    一.日志工具类 Log.java public class L { private L() { /* 不可被实例化 */ throw new UnsupportedOperationException ...

最新文章

  1. JQuery日记6.5 Javascript异步模式(一)
  2. 北斗导航 | 多模多频实时GNSS软件接收机
  3. teamtalk的conn框架简介及netlib线程安全问题
  4. MyEclipse的Git配置
  5. 与梦城Typecho博客数据站+API站
  6. 聊聊Top2计算机博士2021年就业选择
  7. jggrid 设置了自适应宽度仍然有滚动条的问题
  8. C#解决Webservice第一次访问特别慢的问题
  9. linux shell转换时间格式,在bash中转换日期格式
  10. Bailian4019 黑色星期五【模拟】
  11. Mongodb Manual阅读笔记:CH6 聚合
  12. 【原创】Nginx+PHP-FPM优化技巧总结
  13. 转】M1卡密钥破解,收藏
  14. api. feel.ai_如何使用Api.ai构建自己的AI助手
  15. VMware安装MacOS系统苹果虚拟机
  16. android studio白屏,首次集成到Android studio的工程运行起来就是白屏
  17. 解决连接远程服务器MySQL“ACCESS DENIED FOR USER‘ROOT‘@‘IP地址‘“问题
  18. 通过服务器给多台计算机装系统,局域网有100多台电脑怎么 同时装系统
  19. scons 手册_SCons用户手册
  20. Thread与ThreadPool的内存之战

热门文章

  1. CentOS 8,凛冬将至
  2. 为什么 Deno 没有众望所归?超越 Node.js 还要做些什么?
  3. 鸿蒙OS最快6月正式推送;微信Windows版将支持刷朋友圈;GCC 11.1正式发布|极客头条...
  4. 首届全国信创大赛圆满收官,信创新势力载誉而归!
  5. 360数科:打造“样板型”金融科技,服务全场景全客群
  6. Python结合Tableau,万字长文搞定传统线下连锁店数据分析
  7. 程序员为什么要关注代码质量?
  8. Feature flag,一个让软件发布轻松不掉发的神技
  9. 开发运维已死,无运维万岁
  10. 谁来结束 GUI 程序?| CSDN 博文精选