Skip to main content

moregeek program

#yyds干货盘点# 【js学习笔记四十三】策略模式-多极客编程


前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


策略模式


#yyds干货盘点# 【js学习笔记四十三】策略模式_策略模式

 代码部分

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>策略模式</title>
</head>

<body>
<script>
//根据不同方式计算奖金
//代码如下:
var obj = {
"A": function (salary) {
return salary * 4;
},
"B": function (salary) {
return salary * 3;
},
"C": function (salary) {
return salary * 2;
}
};
var calculateBouns = function (level, salary) {
return obj[level](salary);
};
console.log(calculateBouns('A', 10000)); // 40000
</script>
</body>

</html>

#yyds干货盘点# 【js学习笔记四十三】策略模式_html_02

总结


根据不同的方式使用不同的策略



©著作权归作者所有:来自51CTO博客作者前端歌谣的原创作品,请联系作者获取转载授权,否则将追究法律责任
#yyds干货盘点# 【js学习笔记四十三】策略模式
https://blog.51cto.com/u_14476028/5342515

#yyds干货盘点# 【js学习笔记四十】复杂工厂模式-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语复杂工厂模式代码部分//第一步 定义自行车的构造函数 两个属性 一个name和一个方法methodvar BicycleShop = function(name){thi

给力,4 分钟优化 Fetch 函数写法~-多极客编程

今天继续简单微卷一些小知识点:本篇带来《如何优化 Fetch 函数写法》,轻松拿下~冲!常规 Fetch 是这样写的:fetch('http://example.com/movies.json') .then(response => response.json()) .then(data => console.log(data));第一个 ​​.then​​ 里面是一个匿名函数,将

openlayers 根据起点和终点半径画圆弧-多极客编程

原理:1.先计算出圆心(结果有两个值一个在两个点的连线上面一个在两个点的下面)2.选择圆心,计算两点之间指定个数点的坐标3.将坐标集合以线的形式绘制出来(点越多越接近圆)图上根据选择的圆心绘制了两个反方向的圆弧,中间横线为两点之间的连线用来验证坐标计算的计算坐标的代码tool.jsfunction get_circle(point_s, point_e, radius, flag = true)

前端必学——函数式编程(二)-多极客编程

本篇将着重介绍 函数的输入,它是 JS 轻量函数式编程的基础之基础,重要之重要!!!​偏函数传参现状我们经常会写出这样的代码:function ajax(url,data,callback) { // ..}function getPerson(data,cb) { ajax( "http://some.api/person", data, cb );}ajax 函数有三个入参,在 g

如何在 JavaScript 中让代码更加精简-多极客编程

答案是使用 JavaScript 对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。 先来看一个 article 对象,有两个属性 title 和 description。 const article = { title: "JavaScript对象解构赋值", description: "解构是一个概念,分解其中一种数据类型

前端必学——函数式编程(三)-多极客编程

在前面的文章,我们谈了基础之基础,重要之重要——“偏函数”,偏函数通过函数封装,实现了减少传参数量的目的,解决了手动指定实参的麻烦。更具重要意义的是:当函数只有一个形参时,我们能够比较容易地组合它们。这种单元函数,便于进行后续的组合函数;没错,本篇就是谈关于 “组合函数”。它是函数编程的重中之重之重之重重重!组合函数含义函数编程就像拼乐高!乐高有各式各样的零部件,我们将它们组装拼接,拼成一个更大的

node.js的两个重要模块-多极客编程

node.js的两个重要模块 大家好 我是周杰伦本人 欢迎关注我❤️,点赞👍🏻,评论🤤,转发🙏 今天介绍一下node.js的两个重要的模块:path路径模块和http模块 path路径模块 node.js的fs文件模块的文件目录会根据nodejs所在目录动态拼接,而使用 __dirname 这变量就表示当前文件所在的目录 path路径模块同样是node.js提供的模块,显然它是用来处理文件路径

推荐 10 个很“哇塞”的Web“资源”给前端工友,收藏等于学会~-多极客编程

毋庸置疑:善用在线资源和工具可以加速开发,提高质量、让生活更 Chill 😎~本篇为前端工友们带来 10 个棒棒哒免费的 Web 资源,收藏⭐等于学会 (๑•̀ㅂ•́)و✧1. ​​Undraw​​如果你的网站需要免费的 SVG 插图,一定不要错过 ​​Undraw​​ 这个网站!SVG 插图资源是海量的,本瓜下拉了十几、二十次都拉不完(当然,搜索功能也是有的);并且,你还可以自定义插图的配色,简

Adobe XD 2022软件安装包和安装教程-多极客编程

Adobe XD 2022软件简介:AdobeAdobe XD 2022是一款矢量化图形设计工具,专业的图标设计神器,想必ui设计人员一定知道它,它是一款原型设计神器,有着强大的功能,随时施宜的效果,能够帮助用户创建点击交互式原型,同时能够满足几乎所有的用户设计的需求。Adobe XD 2022软件下载:[[软件全称]:Adobe XD 2022[软件大小]:8G[安装环境]:Win10/Win1

PHP 基于 SW-X 框架,搭建WebSocket服务器(二)-多极客编程

前言官网地址:​​SW-X框架-专注高性能便捷开发而生的PHP-SwooleX框架​​希望各大佬举起小手,给小弟一个star:​​https://github.com/swoolex/swoolex​​1、前端模板最终要实现的效果,如下图:该模板可以直接下载:​​练习WebSocket使用的前端html模板​​也可以直接使用下面的前端代码,命名为:​​index.html​​<html>

前端必学——函数式编程(二)-多极客编程

本篇将着重介绍 函数的输入,它是 JS 轻量函数式编程的基础之基础,重要之重要!!!​偏函数传参现状我们经常会写出这样的代码:function ajax(url,data,callback) { // ..}function getPerson(data,cb) { ajax( "http://some.api/person", data, cb );}ajax 函数有三个入参,在 g

如何在 JavaScript 中让代码更加精简-多极客编程

答案是使用 JavaScript 对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。 先来看一个 article 对象,有两个属性 title 和 description。 const article = { title: "JavaScript对象解构赋值", description: "解构是一个概念,分解其中一种数据类型