JS 中 if / if...else...替换方式

说说烂大街的if/if...else...,程序中用得最多的流程判断语句. 对着曾经满屏的if/if...else...,心想能不能搞点事情,折腾点浪花浪里呀浪. 对顶着"这个需求很简单,怎么实现我不管,明天上线"的程序猿,答案必须YES. "Write Less, Do More",学习进步的本质就是为了更有效率地偷懒. 废话说完,直接上方法汇总,让我们来一窥究竟: switch改写if // if 版本 var a = 1; if(a > 1 &&…

JS 中如何将<br/> 替换成 /n

JS 中如何将<br/> 替换成 /n function a() { var data = "aaaa<br/>bbbb<br/>cccc"; var str = data.replace(/<br\/>/g, "\n"); alert(str); } </script> 结果如下:…

JS中5种经典继承方式

继承 JS中继承的概念: 通过[某种方式]让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承并不是所谓的xxx extends yyy 为什么要使用继承? 有些对象会有方法(动作.行为),而这些方法都是函数,如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function(){ console.log("你好") } } var p1=new Person(); var p2=new Person…

JS中 typeof,instanceof类型检测方式

在js中的类型检测目前我所知道的是三种方式,分别有它们的应用场景: 1.typeof:主要用于检测基本类型. typeof undefined;//=> undefined typeof 'a';//=> string typeof 1;//=> number typeof true;//=> boolean typeof {};//=> object typeof [];//=> object typeof function() {};//=> function…

js中的replace全局替换

比如想把str中的所有“&”替换成“&” replace (\&\,"&");只是替换第一个,那么怎么全部都替换呢? replace(new RegExp("&","gm"), "&");…

JS中三种字符串连接方式及其性能比较

工作中经常会碰到要把2个或多个字符串连接成一个字符串的问题,在JS中处理这类问题一般有三种方法,这里将它们一一列出顺便也对它们的性能做个具体的比较. 第一种方法用连接符“+”把要连接的字符串连起来: str="a"; str+="b"; 毫无疑问,这种方法是最便捷快速的,如果只连接100个以下的字符串建议用这种方法最方便. 第二种方法以数组作为中介用 join 连接字符串: var arr=new Array(); arr.push(a); arr.push…

js中创建对象的几种方式

创建对象指创建一个object并给这个对象添加属性和方法,有以下几个方式: 最基本的: var Person={}; Person.name='tom'; Person.age='20'; Person.sayname=function(){ alert(this.name); }; 创建了一个Person对象,并添加了name,age属性,还有一个sayname方法. 下面是用构造函数方式创建: function Person(name,age){ this.name=name; this.a…

js中replace的正则替换

temp: video":"\t<ul class=\"g-list tabview-cont on\">\t\r\n\t\t<li class=\"g-pic cover\"><div class=\"slide-content\"><div class=\"slide-item first\"><a href=\"http://v.360.…

js中实现继承的不同方式以及其缺点

1.利用call和apply,借助构造函数 fucntion P(){ this.name = "P"; } fucntion C1(){ P.call(this); } 解释一下,P.call(this)的意思,就是将P的上下文指向C的上下文. 那么,什么是上下文呢,比如说,我有一把菜刀,可以用来杀猪,那么这里我就是菜刀的上下文.你没有,但是有一天你也要去杀猪,怎么办,最简单的方式就是向我借,而不是自己去买,向我借就是说菜刀的上下文被指给你了. call函数和apply都是用来指定上…

js教程--从入门到精通第一篇 js的前世今生以及js中基本数据类型和引入方式

1.Javascript前世今生 1.1.什么是Javascript Javascript运行于Javascript [解释器/引擎]中的解释性脚本语言 Javascript运行环境: 1.Javascript解释器 :NodeJS 2.嵌入在浏览器中的内核(引擎) 1.2.Javascript 发展 1.1992年 Nombas公司开发了一款脚本语言 ScriptEase ,可以嵌入在网页中大概在 1992 年,一家称作 No…

js中创建对象的三种方式

1. 对象字面量 var obj={ name:"小小", age:3, car:{ brand:"baoma", } }; } 2.使用内置构造函数 var obj=new Object(); obj.name="lisi"; obj.age=39; 这两种创建对象的方式,都有一个共同的缺点,每次创建对象都需要重新给对象增加属性违反了DRY原则 Don't Repeat Yourself 3.自定义构造函数 function Person()…

js中同步与异步请求方式

异步请求方式: $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, type : "POST", dataType : 'json/xml/html', success : function (result){ do something.... } }); 同步请求方式: $.ajax({ url : 'your url', data:{name:value}, cache : false…

比较js中创建对象的几种方式

1.工厂模式 function createObj(name, sex){ var obj = new Object(); obj.name = name; obj.sex = sex; obj.sayName = function(){ alert(this.name); } return obj; } var person = createObj('Tom', 'man'); 缺点:①无法确定对象的类型(因为都是Object). ②创建的多个对象之间没有关联. 2.构造函数 function…

js 中继承的几种方式

继承的方式一共有三种: 一.原型继承通过prototype 来实现继承. function Person(name,age) { this.name=name; this.age=age; } Person.prototype.sayHello=function(){ alert (''使用原型得到Name:'' + this.name); } var per = new Person("马小倩",21); per.sayHello();//输出:使用原型得到Name:马小倩 f…

js中for循环的多种方式

For/In 循环 JavaScript for/in 语句循环遍历对象的属性: 实例 var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; } 实例: for (var i=0,len=cars.length; i<len; i++) { document.write(cars[i] + "<br>"); }…

js中onclick中文参数传输方式

添加单引号或双引号即可,例: var type = "'"+n.bankCard.type+"'"; var number = "'"+n.bankCard.number+"'"; var moneyChange = "'"+n.moneyChange+"'"; var userName = "'"+n.bankCard.userName+"'";…

js中 if不判断解决方式

$(function() { $("#number").blur(function() { var number = $('#number').val(); var num = $('#num').val(); if(num>=number){ $('#msg').html(""); }else{ $('#msg').html("借阅数量超过可用数量!!"); } return true; }); }); 失去焦点的验证,if不判断,不管任…

JS与OC交互，JS中调用OC方法(获取JSContext的方式)

最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继承自JSExport的方式调用delegate中的方法 3.截取URL的方式(此种方式资料很多,就不写了) 先上OC代码 - (void)webViewDidFinishLoad:(UIWebView *)webView { // 设置javaScriptContext上下文 self.jsCont…

正则表达式在JS中的使用

理解js中的闭包

闭包我的理解是能够有权访问另一个函数作用域中变量的函数通常我们知道普通的函数在调用完成之后,活动对象不会从内存中销毁,其执行环境的作用域链会被销毁,造成资源的浪费而闭包的好处就在于执行完就会被回收不会造成资源的极大的浪费性能也会相应的提升~ 闭包的几种写法 //当只有一个返回的内部函数时候 //第一种写法 function test1(a,b){ return function(c){ console.log(a + b + c); } } var m1 = test1(2,4);…

详解js中的寄生组合式继承

寄生组合式继承是js中最理想的继承方式, 最大限度的节省了内存空间. js中的寄生组合式继承要求是: 1.子对象有父对象属性的副本, 且这些不应该保存在子对象的prototype上. 2. 子对象继承父对象prototype中全部的属性和方法, 且这些应该放保存在子对象的prototype上. 来看下例子: //定义父对象 function Father(name, age){ this.name = name; this.age = age; } Father.prototype…

js replace如何实现全部替换

js中replace默认只替换第一个相关字符,要想实现替换全部相关字符.如下: replace(/*/g, ','); 例如,替换字符串中的\n str.replace(/\n/g, ',');…

js中的函数，Date对象，Math对象和数组对象

函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. 其语法结构为 function funName (arg0, arg1, … argN){ //statements } function say_hello (name, msg){ alert(“hello”+ name + “:”+ msg); } say_hello(“d…

js中proto和prototype的区别和关系？

_proto__(隐式原型)与prototype(显式原型)1.是什么显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象.Note:通过Function.prototype.bind方法构造出来的函数是个例外,它没有prototype属性.(感谢 @陈禹鲁同学的答案让我知道这一点) NOTE Function objects created using Function.prototyp…

anjular中Service、Factory、Provider的使用与js中创建对象的总结

在学习anjular中Service的使用时,发现和js中的创建对象的方式有一定的联系,所以总结了anjular中Service.Factory.Provider的使用方式与js创建对象的方式一.先总结下js中创建对象的几种方式 1.工厂模式 function createObject(username, password) { var object = new Object(); //等价于 var object={}; object.username = username; object…

前端 ---JS中的面向对象

JS中的面向对象创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式: var student = new Object(); student.name = "easy"; student.age = "20"; 这样,一个student对象就创建完毕,拥有2个属性name以及age,分别赋值为"ea…

JS中实现跨域的方法总结

今天早上在地铁看了点基础知识的考察题,看到了一个JS跨域的问题,仔细想了想自己脑子里竟然只剩下jsonp跨域和用nginx反向代理进行跨域,想着还有别的几种方法,就是想不起来,这个人呢,一上岁数这个脑子就不好使,为了防止下次又遗忘了,所以特意写一篇随笔来记录一下JS中实现跨域的方式 1.jsonp请求 2.document.domain 3.window.name 4.window.postMessage 5.CORS 6.Web Sockets 7.使用服务器进行反向代理 jsonp请求 js…