ES6新特性之修饰器
生活随笔
收集整理的這篇文章主要介紹了
ES6新特性之修饰器
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
修飾器(Decorator)
修飾器(Decorator)是一個(gè)函數(shù), 用來(lái)修改類的行為。 ES2017 引入了這項(xiàng)功能, 目前 Babel 轉(zhuǎn)碼器己經(jīng)支持。
使用:
<script>@Tclass User {constructor(name, age = 20){this.name = name;this.age = age;}}function T(target){ // target:被修飾的對(duì)象console.log(target);target.country = "中國(guó)"; // 通過(guò)修飾器添加的屬性是靜態(tài)屬性}console.log(User.country); </script>運(yùn)行報(bào)錯(cuò):
原因是,在ES6中,并沒有支持該用法,在ES2017中才有,所以我們不能直接運(yùn)行了,需要進(jìn)行編碼后再運(yùn)行。
轉(zhuǎn)碼的意思是:將ES6或ES2017轉(zhuǎn)為ES5執(zhí)行。類似這樣:
//轉(zhuǎn)碼前 input .map(item =>item + 1); //轉(zhuǎn)碼后 input.map(function (item) { return item + 1; })?
總結(jié)
以上是生活随笔為你收集整理的ES6新特性之修饰器的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ES6新特性之Generator函数
- 下一篇: 解决yarn全局安装模块后但仍提示无法找