首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在JS中愉快地使用枚举

    背景 在JS中并没有原生枚举的实现,可以通过下面几种方法来模拟类似的操作。...直接使用字符串 上代码: function isWeekend(day) { return day === 'Sat' || day === 'Sun' } console.log(isWeekend...使用变量储存枚举值 这次进阶了一下,虽然代码啰嗦了,但是犯错概率会大大降低: const Days = Object.freeze({ Mon: 'Mon', Tue: 'Tue',...Symbol类型 虽然说用变量把枚举值储存起来了,不过只要别人愿意,他完全可以这样做: // 使用字符串时 isWeekend('Sun') // 使用数字时 isWeekend(0) 那我们属于是白封装了...JS定义枚举集合时的优化 可以尝试下列几种方法,只需要写出来枚举的名字,通过几个数组的API进行赋值操作。 但是由于是动态执行的,效率相对来说会降低,不过这通常是不足一提的。

    4.6K10

    浅谈与使用js中的原型

    浅谈与使用js中的原型# 1 什么是原型# “ 每个函数都会创建一个 prototype 属性,这个属性是一个对象,包含应该由特定引用类型的实例 共享的属性和方法。...2 原型的使用# 首先我们使用设计模式中的工厂模式来实现一个Person类,可以通过new这个Person的函数来创建一个与之具有相同属性的实例,也就省的我们再次创建Person函数了。...person2 = new Person('Greg', 27, 'Doctor') person1.sayName() // Nicholas person2.sayName() // Greg 从上面代码中可以看到...有,那就是用原型,请看下面这份代码: // 工厂模式实现 方法2 使用原型属性 function Person(name, age, job) { this.name = name this.age...3 小结# 本文仅是对于原型有个简单的认识也使用,原型在js中是一个比较重要的模块,还有__proto__ 、 原型链 这些概念没有讲到,如果感兴趣,可以再通过书籍及视频来交叉理解。

    1.5K30

    js中的arguments参数使用(附示例)

    javascript与其它语言一样,都有类似参数,可以在函数或者方法中,充许传递不限数量的参数。...arguments对象是js中所有函数内部都可以使用的类数组对象,它能接受包含传递给该函数的所有参数,允许访问函数时传递的参数,即使这些参数在函数定义中没有明确列出。...一、基本概念和特性类数组:arguments是据函数的一个内置类数组对象,可以使用数组arri和arr.length。...arguments.length,统计函数体内实际参数数量; 索引访问:可以通过arguments0,来访问各个参数;函数作用域:arguments对象仅在函数体内有效,不能在全局作用域或函数外部使用...动态性‌:即使函数定义了参数,arguments对象仍会包含所有传入的参数,无论这些参数是否在定义中列出。

    1.4K11

    Vue 2.x折腾记 - (21) CNZZ统计在引流页中的应用姿势

    cnzz提供的js注入有四种方式,如下 ? 我这边用的是第一种,为了方便定位问题,采取问答式来写这篇水文。...实现 cnzz js的注入 最普通的就是我们直接去操作html的head,然后手动复制那么一段进去; 若是我们要考虑下维护性,基于 vue cli 3 构建项目的小伙伴可以用脚手架封装的特性来抽离; 就是...具体可以官方的文档: html-and-static-assets environment-variables : 客户端使用要用 VUE_APP 开头才能生效 接着看我业务代码的实现,来加深你的了解。...行为封装 埋点行为触发主要用的是CNZZ这个事件(trackevent) 对于可以重复利用的东西,抽离为函数是最佳姿势,具体代码如下(结合我业务的), 为什么要判断 _czc ,是那个js注入的文件有时候不一定加载成功

    1.3K10
    领券