我想编写一个具有良好结构的代码，如下所示: https://github.com/nolimits4web/Swiper/blob/master/dist/js/swiper.jquery.js#L67
所以，我做了这个。但它不起作用。 http://jsbin.com/xiralokola/edit?html,js,output
// friends.js
$(function () {
'use strict';
function Friends() {
var settings = {
name: null,
age: null,
gender: null,
printTarget: null
};
}
Friends.prototype = {
getInfo: function () {
var subject = (this.gender == 'female') ? 'She' : 'He',
html = '<p>';
html += '\'' + this.name + '\' is my friend.';
html += subject + ' is' + this.age + ' years old.';
html += '</p>';
this.printTarget.append(html);
return html;
}
};
window.Friends = Friends;
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Friends</title>
</head>
<body>
<h1>Friends</h1>
<div id="print"></div>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="friends.js"></script>
<script>
var myFriend = new Friends({
name: 'Hee-sook',
age: 15,
gender: 'female',
printTarget: $('#print')
});
</script>
</body>
</html>我认为“var 设置”附近存在问题。 但我不知道如何解决它。 请帮助我。
最佳答案
您遇到了 3 个问题:
- 您尝试在定义之前调用 Friends 的实例(在这种情况下，$(function) 应该位于 html 上，而不是位于 js 文件上)
应该是:
<script>
$(function () {
var myFriend = new Friends({
name: 'Hee-sook',
age: 15,
gender: 'female',
printTarget: $('#print')
});
});
您没有将设置对象传递给构造函数，应该是:
function Friends(settings) {
$.extend(this,settings);
}
您没有在实例上调用 getInfo():
myFriend.getInfo();
关于javascript - 我想编写一个具有良好结构的代码。但我不能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34986473/