装饰器是什么?

解码器是将另一段代码包装在一个代码中的简单方法。

这个概念类似于你以前听说过的功能成分和高阶成分。

这在许多情况下都被使用过,也就是说,成都装修公司简单地将一个函数包装到另一个函数中:

前面的示例生成包装的新函数,它执行与 DoSomething 相同的操作,但它们的不同之处在于在包装函数之前和之后输出一些语句。

如何使用 Javascript 装饰器

Javascript 中的装饰器使用特殊的语法,使用 @作为标识符,并将其放在修饰代码之前。

注:装潢师仍在拟议阶段,这意味着仍有改变的余地。

您可以在相同的代码之前放置许多装饰符,然后解释器按顺序执行

在上面的示例中,定义了一个类,使用三个装饰器:两个用于类本身,一个用于类的属性:

-@log 可以记录所有访问类

-@immutable 使类不可变 - 也许新实例调用 Object. 冻结

-@Time 记录从执行到输出唯一标记的方法

现在,虽然浏览器或 NODE 还不受支持。但是,如果您使用 Babel,您可以使用转换 - 装饰器 - 遗留插件 - 使用装饰器。

因为 Babel 5 支持处理装饰器,所以在插件中使用 Legacy,但它可能与最终标准不同,因此使用了遗留一词。

你为什么要用装饰工?

函数组合在 Javascript 中已经成为可能,但是在另一个代码(如类或类属性)中使用是相当困难或不可能的。

不同类型的装潢师

现在,装饰器只支持类和类属性,包括属性、方法、获取函数和设置函数

装饰器将只在程序第一次运行时执行一次,并且修饰后的代码将被返回的值替换

类属性装饰器

属性装饰器应用于类的单个成员 - 无论是属性、方法、获取函数还是集合函数。

装饰器函数调用三个参数:

- 目标 - 修改类

- 名称类别成员的姓名

- 描述符 - 成员描述符。Object 将此参数传递给 Object.fineProperty

@readonly 是一个典型的例子:

函数只读(target,name,descriptor){

可写 = 假;

反转描述符

12341234

前面的示例将成员描述符中的可写设置为 false。

JAVASCRIPT中装饰器是什么(装修)的更多相关文章

  1. JavaScript 的装饰器:它们是什么及如何使用

    请访问我的独立博客地址:https://imsense.site/2017/06/js-decorator/ 装饰器的流行应该感谢在Angular 2+中使用,在Angular中,装饰器因TypeSc ...

  2. 8.Python中装饰器是什么?

    Python中装饰器是什么? A Python decorator is a specific change that we make in Python syntax to alter functi ...

  3. 第7.18节 案例详解:Python类中装饰器@staticmethod定义的静态方法

    第7.18节 案例详解:Python类中装饰器@staticmethod定义的静态方法 上节介绍了Python中类的静态方法,本节将结合案例详细说明相关内容. 一.    案例说明 本节定义了类Sta ...

  4. 从ES6重新认识JavaScript设计模式: 装饰器模式

    1 什么是装饰器模式 向一个现有的对象添加新的功能,同时又不改变其结构的设计模式被称为装饰器模式(Decorator Pattern),它是作为现有的类的一个包装(Wrapper). 可以将装饰器理解 ...

  5. TypeScript 中装饰器的理解?应用场景?

    一.是什么 装饰器是一种特殊类型的声明,它能够被附加到类声明,方法, 访问符,属性或参数上 是一种在不改变原类和使用继承的情况下,动态地扩展对象功能 同样的,本质也不是什么高大上的结构,就是一个普通的 ...

  6. Python中装饰器的用法

    定义: 装饰器本身就是一个函数 为其他函数提供附加功能 不改变源代码 不改变原调用方式 装饰器=高阶函数+嵌套函数 知识点: 函数本身就是一个变量(意味着可以被复制给一个变量:test=test(1) ...

  7. python flask route中装饰器的使用

    问题:route中的装饰器为什么感觉和平时使用的不太一样,装饰器带参数和不太参数有什么区别?被修饰的函数带参数和不带参数有什么区别? 测试1:装饰器不带参数,被修饰的函数也不带参数. def log( ...

  8. python中装饰器的原理

    装饰器这玩意挺有用,当时感觉各种绕,现在终于绕明白了,俺滴个大爷,还是要慢慢思考才能买明白各种的真谛,没事就来绕一绕 def outer(func): def inner(): print(" ...

  9. python中装饰器修复技术

    python装饰器@wraps作用-修复被装饰后的函数名等属性的改变 Python装饰器(decorator)在实现的时候,被装饰后的函数其实已经是另外一个函数了(函数名等函数属性会发生改变), 为了 ...

随机推荐

  1. Net core学习系列(一)——Net Core介绍

    一.什么是Net Core .NET Core是适用于 windows.linux 和 macos 操作系统的免费.开源托管的计算机软件框架,是微软开发的第一个官方版本,具有跨平台 (Windows. ...

  2. curl的速度为什么比file_get_contents快以及具体原因

    一.背景      大家做项目的时候,不免会看到前辈的代码.博主最近看到前辈有的时候请求外部接口用的是file_get_contents,有的用的是curl.稍微了解这两部分的同学都知道,curl在性 ...

  3. nginx 二级目录反向代理

    location /faceapi/ { #default_type application/json; # return 200 '{"status":"success ...

  4. SubQuery优化

    https://zhuanlan.zhihu.com/p/60380557 子查询,分两种情况, 对于在From中的,称为‘derived table’,这种场景比较简单 对于在select,wher ...

  5. ISO/IEC 9899:2011 条款6——语言

    6 语言 6.1 标记法 1.在本条款中所使用的语法标记法.语义类别(非终结符)用斜体字指示,而字面量单词以及字符集成员(终结符)用粗体字指示.跟在一个非终结符后面的冒号(:)引出其定义.在单独的行中 ...

  6. GSON工具类

    import java.util.Map; import com.google.gson.reflect.TypeToken; import com.google.gson.FieldNamingPo ...

  7. kubernetes核心原理之API Server原理分析

    kubernetes API Server的核心功能是提供了Kubernetes各类资源对象(Pod,RC,Service等)的增删改查及Watch等HTTP Rest接口,成为集群内各个功能模块之间 ...

  8. 【tensorflow基础】ubuntu-tensorflow可视化工具tensorboard-No dashboards are active for the current data set.

    前言 今天基于tensorflow训练一个检测模型,本应看到训练曲线的,却只见到一个文件events.out.tfevents.1570520647.hostname,后来发现这个文件可以查看训练曲线 ...

  9. [LeetCode] 79. Word Search 单词搜索

    Given a 2D board and a word, find if the word exists in the grid. The word can be constructed from l ...

  10. [LeetCode] 100. Same Tree 相同树

    Given two binary trees, write a function to check if they are the same or not. Two binary trees are ...