月度归档:2015年12月

html5 postMessage解决跨域、跨窗口消息传递

postMessage(data,origin)方法接受两个参数

data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器(比如IE8)只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版本IE中引用json2.js可以实现类似效果。json2.js 的下载地址为:https://github.com/douglascrockford/JSON-js

用法:

var aa = {aa:1,bb:2}
var cc = JSON.stringify(aa)

cc
“{“aa”:1,”bb”:2}”

JSON.parse(cc)
Object {aa: 1, bb: 2}

JS关于多个函数多个参数如何动态调用,apply的灵活应用

转自:http://goodscript.iteye.com/blog/1164598

问题请看代码中的注解:

//回调函数1
function callback(a,b,c)
{
alert(a+b+c);
}
//回调函数2
function callback2(a,b)
{
alert(a+b);
}
//这个方法做了一些操作、然后调用回调函数
function doCallback(fn,args)
{
//do something
if(args.length==2)
{
fn.call(this,args[0],args[1])
}
if(args.length==3)
{
fn.call(this,args[0],args[1],args[2])
}
//假如参数有很多个的话 应该怎么写?难道一致if下去吗?
}

function test()
{
//动态调用方法、并传递参数
doCallback(callback2,[‘a’,’b’]);
doCallback(callback,[‘a’,’b’,’c’]);
}

 

后来经过网友的帮助又找到了一种解决的方法

//回调函数1
function callback(a,b,c)
{
alert(a+b+c);
}
//回调函数2
function callback2(a,b)
{
alert(a+b);
}
//这个方法做了一些操作、然后调用回调函数
function doCallback(fn,args)
{
var executeStr=”fn.call(this,@)”;
for(var i =0;i<fn.length;i++)
{
executeStr = executeStr.replace(“@”,”args[“+i+”],@”);
}
executeStr=executeStr.replace(“,@”,””);
eval(executeStr);
}

function test()
{

//动态调用方法、并传递参数
doCallback(callback2,[‘a’,’b’]);
doCallback(callback,[‘a’,’b’,’c’]);
}

 

最后发现、最佳的实现方式是:

//回调函数1
function callback(a,b,c)
{
alert(a+b+c);
}
//回调函数2
function callback2(a,b)
{
alert(a+b);
}
//这个方法做了一些操作、然后调用回调函数
function doCallback(fn,args)
{
fn.apply(this, args);
}

function test()
{

//动态调用方法、并传递参数
doCallback(callback2,[‘a’,’b’]);
doCallback(callback,[‘a’,’b’,’c’]);
}

通过以上三种方法更加清晰的看到apply在javascript中的作用、以及其强大的功能