var pattern=/[a-z]+/; //这里使用了贪婪模式, var str='abcdefg'; alert(str.replace(pattern,'1')); //所有的字符串变成了1 var pattern=/[a-z]+?/; //这里使用了惰性模式, var str='abcdefg'; alert(str.replace(pattern,'1')); //只有第一个字符变成了1,后面没有匹配 var pattern=/[a-z]+?/; //开启全局,并且使用惰性模式, v

理解javascript中的策略模式 策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换. 使用策略模式的优点如下: 优点:1. 策略模式利用组合,委托等技术和思想,有效的避免很多if条件语句. 2. 策略模式提供了开放-封闭原则,使代码更容易理解和扩展. 3. 策略模式中的代码可以复用. 一:使用策略模式计算奖金: 下面的demo是我在书上看到的,但是没有关系,我们只是来理解下策略模式的使用而已,我们可以使用策略模式来计算奖金问题: 比如公司的年终奖是根据员工的工

最近在读一本设计模式的书,书中的开头部分就讲了一下 JavaScript 中的继承,阅读之后写下了这篇博客作为笔记.毕竟好记性不如烂笔头. JavaScript 是一门面向对象的语言,但是 ES6 之前 JavaScript 是没有类这个概念的.即使 ES6 引入了 class,也只是基于 JavaScript 已有的原型继承模式的一个语法糖,并没有为 JavaScript 引入新的面向对象的继承模型. 但是 JavaScript 是一门非常灵活的语言,为了实现类和继承,JavaScript D

点击上方"前端自习课"关注,学习起来~ JavaScript 中有很多种异步编程的方式.callback.promise.generator.async await 甚至 RxJS.我最初接触不同的异步模式时,曾想当然的觉得 promise 就是比 callback 好, async await 比就是比 promise 优雅,会把它们割裂起来看待.后来发现也不完全这样,各种异步模式之间其实存在着关联,也有着各自擅长的场景. JvaScript 中的各种异步模式 Callback 我们

字符串是编程时涉及到的最多的一种数据结构,对字符串进行操作的需求几乎无处不在.比如判断一个字符串是否是合法的Email地址,虽然可以编程提取@前后的子串,再分别判断是否是单词和域名,但这样做不但麻烦,而且代码难以复用. 正则表达式是一种用来匹配字符串的强有力的武器.它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的. 所以我们判断一个字符串是否是合法的Email的方法是: 创建一个匹配Email的正则表达式: 用该正则

一.为什么要用原型模式. 早期采用工厂模式或构造函数模式的缺点:  1.工厂模式:函数creatPerson根据接受的参数来构建一个包含所有必要信息的person对象,这个函数可以被无数次的调用,工厂模式尽管解决了创建多个相似对象的问题,却没有解决对象识别的问题(返回的是自定义的一个对象o,不明确对象o的类型).

在JavaScript中创建对象由很多种方式,如工厂模式.构造函数模式.原型模式等: <pre name="code" class="html">//工厂模式 function createPerson(name,age,job) { var o = new Object; o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); } retur

通过例子学习正则中的常见语法(1) $num javascript var a = 'javascript'; var b = a.replace(/(java)(script)/gi, '$2-$1'); console.log(b);//script-java 正则以/开始和结尾,中间为要匹配的表达式 g表示全局搜索,i表示忽略大小写,m表示多行匹配 $1.$2表示第1个和第2个子表达式(用小括号包裹)匹配到的文本,如例子所见,$1为java,$2为script $& javascript

“use strict”状态指示浏览器使用严格模式,是javaScript中一个相对少且安全的特征集. 特征列表(非完全列举) 不允许定义全局变量.(捕获没有用var声明的变量和变量名的拼写错误) 在严格模式下引起静默失败的声明将会抛出异常(声明 NaN  =  5) 试图删除不能删除的属性将会抛出异常(delete  object . prototype) 在一个对象中的所有属性名要唯一(var x = {x1 :  “1”,  x1 : “2”}) 函数的参数名必须唯一(function s

JavaScript 中有很多种异步编程的方式.callback.promise.generator.async await 甚至 RxJS.我最初接触不同的异步模式时,曾想当然的觉得 promise 就是比 callback 好, async await 比就是比 promise 优雅,会把它们割裂起来看待.后来发现也不完全这样,各种异步模式之间其实存在着关联,也有着各自擅长的场景. JvaScript 中的各种异步模式 Callback 我们知道在 JavaScript 中,函数是一等公民,

目录 简介 使用Strict mode strict mode的新特性 强制抛出异常 简化变量的使用 简化arguments 让javascript变得更加安全 保留关键字和function的位置 总结 简介 我们都知道javascript是一个弱类型语言,在ES5之前,javascript的程序编写具有很强的随意性,我可以称之为懒散模式(sloppy mode).比如可以使用未定义的变量,可以给对象中的任意属性赋值并不会抛出异常等等. 在ES5中,引入了strict模式,我们可以称之为严格模式

原文:http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html 一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode).顾名思义,这种模式使得Javascript在更严格的条件下运行. 设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之

创建示例项目 考察如下场景,我们有个输入框组件,输入时同时进行校验. interface IInputProps { label: string; } function Input({ label }: IInputProps) { const [err, setErr] = useState<string | undefined>(); return ( <section> {label}: <input type="text" onChange={(e

一.总结: //js中的几种继承 //原型链的问题,包含引用类型的原型属性会被实例共享,子类型无法给超类型传递参数 function SuperType() { this.colors = ["red","blue","green"]; } function SubType() { } SubType.prototype = new SuperType(); var instance1 = new SubType(); instance1.col

本文初步介绍 replace 在 js 中,我们常常会遇到 用来 解决开发中常会遇到的 问题的 知识总结, 如果你已经 非常熟悉,又可以绕道了. 定义和用法 replace() 方法用于在字符串中常用的一些字符串替换. 在我们的日常开发中常常会遇到字符串替换的相关问题. 那么 学会 replace 用法,在日常的开发中可以节约很多的时间. 语法 stringObject.replace(regexp,replacement) stringObject: 字符串对象 regexp:正则表达式 re

一.总结: //js中的几种继承 //原型链的问题,包含引用类型的原型属性会被实例共享,子类型无法给超类型传递参数 function SuperType() { this.colors = ["red","blue","green"]; } function SubType() { } SubType.prototype = new SuperType(); var instance1 = new SubType(); instance1.col

/* 1 简单单体 */ var Singleton = { attr1: 1 , method1:function(){ //do sth } }; alert(Singleton.attr1); Singleton.method1(); //单体模式一般用于划分命名空间 也就是区分是哪位开发人员的代码 例如 //张三工程师开发的代码 var Zhangsan = { }; //把张三的逻辑写在这里面 Zhangsan.Singleton = { attr1:1, method1:functi

使用正则进行替换以下内容 var str = 'aKey={aValue}&bKey={bValue}' 使用以下对象数据,替换value var obj = { aValue: 1, bValue: 2 } 正则表达式如下 str.replace(/{\w*}/g, function ($1) { return obj[$1.slice(1, -1)] }) 说明 因为 /{\w*}/g 匹配到的是 {aValue} 所以 $1 // {aValue} 因此,需要对$1做字符串截取处理,关于s

我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法.使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法.换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中,如下面的例子所示 function Person() { } Person.prototype.name = "Jeff"; Person.prototype.age = 22; Pe

getQueryString:function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null; } 例如: www.baidu.com?id=10 这里调用上述fuc,并

总结: match 是str调用 test和exec是正则表达式调用 test只返回true或false, exec和match的结果是相同的,返回结果比较复杂