javascript – 从函数访问var(Struct)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从函数访问var(Struct),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1976字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 从函数访问var(Struct)](/upload/InfoBanner/zyjiaocheng/726/eadf6681cb5d4a43b831c088620086a5.jpg)
我正在尝试制作一个“结构”并使用它与任何其他编程语言(即Swift)相同的方式.这是“结构”:
var myStruct = function (prop1) {
this.prop1 = 30;
}
然后我像这样访问prop1:
var someVar = myStruct.prop1
由于某种原因,这是行不通的.我做错了什么,我该如何解决这个问题?
这是JSFiddle,这是完整的代码:
$(document).ready(function(){
var myStruct = function (prop1) {
this.prop1 = 30;
}
$("button").click(function(){
$("p").css({"width": myStruct.prop1, "font-size": "200%"});
});
});
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
解决方法:
你所做的是一个Object Constructor,要从构造函数中获取一个对象,你将使用new关键字来创建一个新的对象实例.但是,除非需要创建对象的多个实例,否则不应使用此方法.
$(document).ready(function(){
var myStruct = function () {
this.prop1 = 30;
}
$("button").click(function(){
$("p").css({"width": new myStruct().prop1, "font-size": "200%"});
});
});
如果您不需要具有该对象的单独实例,则可以使用以下示例中演示的语法创建新Object.
笔记:
>此语法允许您以示例中尝试的方式访问属性.
>您已经使用此语法将对象传递给下面示例中的$(‘p’).css()方法.
>使用此语法声明的属性应使用逗号而不是分号分隔,这与使用数组语法时相同.
>任何名称中包含特殊字符的对象属性必须用引号括起来,并且只能使用object [“property”]表示法访问.
$(document).ready(function(){
var myStruct = {
width: '30px',
fontsize: '200%'
}
$("button").click(function(){
$("p").css({
"width": myStruct.width,
"font-size": myStruct.fontsize
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
内容总结
以上是互联网集市为您收集整理的javascript – 从函数访问var(Struct)全部内容,希望文章能够帮你解决javascript – 从函数访问var(Struct)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。