我知道getter和setter是如何在JavaScript中工作的.我不明白为什么我们需要它们才能使用普通函数得到相同的结果?请考虑以下代码:
var person = {
firstName: 'Jimmy',
lastName: 'Smith',
get fullName() {
return this.firstName + ' ' + this.lastName;
}
}
console.log(person.fullName); // Jimmy Smith
Run Code Online (Sandbox Code Playgroud)
我们可以用一个函数轻松替换getter:
var person = {
firstName: 'Jimmy',
lastName: 'Smith',
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}
console.log(person.fullName()); // Jimmy Smith
Run Code Online (Sandbox Code Playgroud)
我没有看到写入getter和setter的重点.
我将使用css transition和jquery插件作为不支持它的浏览器的后备.我想使用modernizr来检测css转换支持.为此加载整个库是过度的,我只想抓住我需要检测css转换的代码部分.在modernizr 的下载页面中,有很多选项和附加内容让我很困惑.我的问题是我应该选择哪些选项来有效地检测css转换?

<script type="text/javascript">
// modernizr
</script>
<script type="text/javascript">
if(!Modernizr.csstransitions) {
// Use jquery if CSS transitions are not supported
}
</script>
Run Code Online (Sandbox Code Playgroud) 我有一个用jquery编写的简单照片库的代码,但我认为加载整个库以获得如此简单的事情是不合适的.我希望它在原始的javascript中.
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
$('#description').html($(this).attr('alt'));
});
Run Code Online (Sandbox Code Playgroud)
此外,我想知道如何将加载微调器附加到此代码.谢谢.