JavaScript ES6对Proxy的原生支持的一个例子:开发人员学习额外的编程语言

简介: JavaScript ES6对Proxy的原生支持的一个例子:开发人员学习额外的编程语言

源代码:

<html>
<script>
function Employee(name){
  this.name = name;
};
Employee.prototype.work = function(language){
  console.log(this.name + " is developing with: " + language);
}
let jerry = new Employee("Jerry");
function hireEmployee(employee, language){
    employee.work(language);
}
hireEmployee(jerry, "JavaScript");
var proxyLogic = {
    get: function(target, name) {
      if( name == "work"){
        var oriFun = target[name].bind(target);
        return function(language){
          oriFun(language);
          console.log("and also study other language in spare time");
        }
      }
    }
};
var jerryProxy = new Proxy(jerry, proxyLogic );
hireEmployee(jerryProxy, "JavaScript");
</script>
</html>

image.png

使用代理模式,使得Jerry作为一个ABAP开发人员被雇佣的时候,在业余时间里,也能自学其他的编程语言:

image.png

相关文章
|
3天前
|
JavaScript
学习Node.js入门范例
然后,cmd中运行命令node E:/Test/server.js
7 2
|
4天前
|
JavaScript 前端开发 开发者
JavaScript是一种轻量级的解释型编程语言
【5月更文挑战第22天】JavaScript是一种轻量级的解释型编程语言
12 4
|
5天前
|
前端开发 JavaScript API
前端 JS 经典:Proxy 和 DefineProperty
前端 JS 经典:Proxy 和 DefineProperty
10 0
|
7天前
|
存储 JavaScript 前端开发
从零开始学习Vue.js
Vue.js 是一种流行的前端框架,它使用简单,灵活且易于上手。如果你是一个前端开发者,并想要学习 Vue.js,本文将为您提供一个从零开始的指南。我们将探讨 Vue.js 的基础知识和常用功能,以及如何构建一个简单的 Vue.js 应用程序。
|
8天前
|
JavaScript 前端开发
前端 JS 经典:ES6 和 CommonJs 用法
前端 JS 经典:ES6 和 CommonJs 用法
12 0
|
8天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
8天前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
14 2
|
8天前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
14 1
|
8天前
|
JavaScript 索引
jQuery 实现 图片框切换【与原生 JS 对比】
jQuery 实现 图片框切换【与原生 JS 对比】
|
9天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发