call,apply继承并调用该函数,bind继承后未调用函数。
var React = require('react'); //核心
var ReactDom = require('react-dom'); //描画dom
var Nav=React.createClass({
render: function(){
return <div>Nav</div>
}
});
var Header=React.createClass({
getInitialState: function(){//组件初始状态
return {
// 数据名:值
str:'bmw',
}
},
show: function(a,ev){
// alert(a);//参数
// console.log(this);
console.log(ev);//代理事件对象
// ev.target.style.background='red'; },
render: function(){
/*var show=function(){
alert('ok');
};*/
return <div>
<input type="button" value="按钮" onClick={this.show.bind(this,12)}/> //此处只能用bind,如果用的是call或apply,打开页面后尚未点击时函数show()就已经执行了(被调用)。
</div>
}
}); //组件属性 , 值是string||表达式
ReactDom.render(
<Header></Header>,
document.querySelector('#app')
);
另,call和apply的区别在于:call必须明确地传入每一个参数,apply传入参数数组。(详见《高级程序设计》p116)
即,call ( 在其中运行函数的作用域,每一个参数 ) → call ( this,pra1,pra2,pra3 )
apply ( 在其中运行函数的作用域,参数数组) → call ( this,[pra1,pra2,pra3] )