有没有一种在React.js中使用私有变量和方法的好方法

时间:2015-09-10 02:07:39

标签: javascript reactjs

我注意到我可以使用这样的私有变量:

Select S.Name, S.City, S.Zip, D.DistrictName
From tblStudent S
Left Join tblDistrict D on D.zip=S.zip
Where 
 (Case
     When D.DistrictName=S.City then D.DistrictName
     Else D.DistrictName
     End)=D.DistrictName

为什么我不应该这样做?

感谢您的帮助

2 个答案:

答案 0 :(得分:2)

我认为它没有任何问题。语法有点时髦,但这是一个聪明的伎俩。

我会质疑是否需要一个真正的私有变量。我只能想到有人可能想要一个的两个原因,但两者都可以被揭穿。

1)你让一个图书馆被其他人消费......如果有人在你的图书馆代码中探究他们不应该去的地方,他们要么打破他们自己的经验,要么解决他们在你的码。无论哪种方式,对您或他人都没有伤害。更糟糕的是,他们打破了自己的应用程序。私人变量在我的口中留下了非常糟糕的味道来自Flex。 JavaScript的开放性让IMO感到清新。

2)您希望在应用程序中隐藏私人数据...使用现代浏览器,可以在运行时检查和修改JavaScript中的任何内容。在JavaScript中隐藏用户数据是不可能的。你只能难以找到。

我知道这个替代方案不是真正的私有,但用法是一样的。因为我不是一个努力使事情变得私密的忠实粉丝,所以无论如何我都会把它包括在内。克)

var Hello = React.createClass({

    name: null,

    getInitialState: function() {
        this.name = "Sir " + this.props.name;
        return null;
    },

    render: function() {
        return <div>Hello {this.name}</div>;
    };
});

React.render(<Hello name="World" />, document.getElementById('container'));

答案 1 :(得分:2)

当您需要本地(私有)状态信息以获取不会直接渲染或与渲染相关的组件时,私有变量是完美的。请记住,大多数事情都会改变渲染,所以我发现我很少使用私有变种。

另外,请记住,当您按照自己的方式向类添加变量时,它是一个单例,因此它将与该组件的所有实例共享。如果真的想要为每个实例提供私有内容,这可能会导致问题 - 如果这就是你想要的东西,那么你需要在组件的一个生命周期方法中声明它,或许像这样

componentDidMount() {
    this.name = 'hello';
},
相关问题