您的位置:首页 > Web前端 > JavaScript

js中&&和||在赋值语句中的妙用

2015-09-17 09:46 453 查看
写了一段代码,测试了一下&&和||在赋值语句中的妙处!记录一下

<script type="text/javascript">
var pe = new person();
function person(){
var t=this;
t.name = null;
}
person.prototype.init= function(a){
var t= this;
t.name = a&&a.name||"xiaozhang";//核心代码
/**
个人理解:当参数a不为null且不为undefined时,取a.name;
如果,a中有参数name,且name值为“123”,则a&&a.name||"xiaozhang"最终运算结果为123;
如果,a中没有参数name,或者name为null,或者name为undefined时,
则a&&a.name||"xiaozhang"最终运算结果取默认值“xiaozhang”。
**/
}
function test(a){
pe.init(a);
alert(pe.name);
}
</script>
<body>
<input type="button" value="test()"  onclick="test()">
<input type="button" value="test({})"  onclick="test({})">
<input type="button" value="test({'name':'123'})"  onclick="test({'name':'123'})">
<input type="button" value="test({'name':null})"  onclick="test({'name':null})">
<input type="button" value="test({'name':undefined})"  onclick="test({'name':undefined})">
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: