`

js动态设置方法

    博客分类:
  • js
阅读更多
In essence, privileged methods are dynamically generated methods, because they’re added
to the object at runtime, rather than when the code is first compiled. While this technique is
computationally more expensive than binding a simple method to the object prototype, it is
also much more powerful and flexible. Listing 2-25 is an example of what can be accomplished
using dynamically generated methods.

// Create a new user object that accepts an object of properties
function User( properties ) {
// Iterate through the properties of the object, and make sure
// that it's properly scoped (as discussed previously)
for ( var i in properties ) { (function(){
// Create a new getter for the property
this[ "get" + i ] = function() {
return properties[i];
};
// Create a new setter for the property
this[ "set" + i ] = function(val) {
properties[i] = val;
};
})(); }
}
// Create a new user object instance and pass in an object of
// properties to seed it with
var user = new User({
name: "Bob",
age: 44
});
// Just note that the name property does not exist, as it's private
// within the properties object
alert( user.name == null );
// However, we're able to access its value using the new getname()
// method, that was dynamically generated
alert( user.getname() == "Bob" );
// Finally, we can see that it's possible to set and get the age using
// the newly generated functions
user.setage( 22 );
alert( user.getage() == 22 );
分享到:
评论
1 楼 robin_leung 2011-03-22  
不错的方法

相关推荐

    js 动态设置图片的热区并获取图片坐标

    在JavaScript中,动态设置图片的热区(hotspots)并获取图片坐标是一项常见的需求,尤其在交互式网页设计中。热区技术允许我们为图片指定特定的交互区域,用户点击或悬停在这些区域上时可以触发特定的事件。本文将...

    javascript动态设置样式style实例分析

    本文实例讲述了javascript动态设置样式style的方法。分享给大家供大家参考。具体分析如下: 动态修改style 1.易错:修改元素的样式不是设置class属性,而是className属性. 2.易错:单独修改样式的属性使用”style.属性...

    js动态条目添加

    "js动态条目添加"这个主题聚焦于如何利用JavaScript来实现网页内容的动态添加,而CSS则扮演着为这些动态元素提供美观架构的角色。这里我们将深入探讨这两个技术的核心概念、相互配合的方式以及实际应用。 ...

    给before和after伪元素设置js效果的方法.docx

    使用JavaScript动态嵌入CSS样式是一种常见的方法。我们可以使用JavaScript创建一个style元素,然后将其添加到文档的head部分中。IE8-浏览器将style标签当作特别的节点,不允许访问其子节点,而IE10-浏览器支持使用...

    js打印设置页边距

    如果需要在运行时动态调整页边距,可以使用JavaScript动态地修改CSS规则。例如: ```javascript var style = document.createElement('style'); document.head.appendChild(style); style.sheet.insertRule('@media...

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    js方法,水印动态传输

    3. **JavaScript逻辑**:JS代码用于动态生成水印的文本内容。可以使用`document.createElement('div')`创建新的DOM元素,并设置其`textContent`属性为动态生成的水印值。然后,通过`style`对象设置该元素的CSS属性,...

    动态创建iframe,并动态添加js执行代码

    总结来说,动态创建iframe并动态添加js执行代码是Web开发中的重要技术,它能够帮助我们实现异步加载、跨域通信等功能,但同时也需要注意相关的安全问题。通过熟练掌握这些技术,开发者能够构建更复杂、更灵活的Web...

    动态显示当前时间的js

    总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

    js动态折线图

    在动态添加div画线的情况下,可以创建多个div元素,通过CSS设置它们的位置和大小,然后使用JavaScript动态改变div的样式来模拟线条的移动或变化。这种方法适用于复杂的动画效果,但效率可能不如canvas。 至于椭圆形...

    JS实现动态修改table及合并单元格的方法示例

    在JavaScript中,动态修改表格(Table)以及合并单元格是常见的需求,特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先,要动态修改表格,我们需要获取表格元素。在HTML中,表格...

    js实现动态背景图效果

    在JavaScript(简称JS)编程中,动态背景图效果是一种常见的增强网页交互性的技术。通过巧妙地运用CSS和JavaScript,我们可以让网页的背景图像产生各种动态效果,如滚动、淡入淡出、移动或循环播放等。下面将详细...

    javascript动态创建表格

    动态设置单元格和行的属性 * 使用 `setAttribute()` 方法:可以设置单元格和行的各种属性,例如 border、height 等 * 使用直接赋值:可以设置单元格和行的属性,但需要注意某些属性的名称可能与 DW 中的名称不同 ...

    echarts 属性全动态设置 数据动态绑定

    java实现对echarts 属性全动态设置 数据动态绑定。封装echarts 的绘图方法,使得js只需要getLine(data),getBar(data)等就可以绘制图形。echarts上的所有属性都可以在java中设置。

    spreadjs_动态添加表头及数据绑定-demo.zip

    标题“spreadjs_动态添加表头及数据绑定-demo.zip”所指的,是使用SpreadJS库创建的一个示例,该示例演示了如何在JavaScript环境中动态地添加表格表头并实现数据绑定。SpreadJS是一款强大的JavaScript电子表格组件,...

    JavaScript动态设置div的样式的方法

    下面将从几个方面详细阐述与JavaScript动态设置div样式相关的方法和知识点。 1. JavaScript对DOM的操作 JavaScript能够通过DOM(文档对象模型)来操作网页上的元素。DOM是一个以树形结构表现HTML文档的API,...

    layui-progress+element+jquery+js设计一个动态进度条

    本项目利用layui-progress、element、jQuery和JavaScript技术,巧妙地设计了一个动态进度条,旨在提供一个易于学习的示例。 layui-progress是layui框架中的一个组件,它提供了丰富的进度条样式和自定义选项。layui...

    js生成动态表格并为每个单元格添加单击事件的方法

    本文介绍的使用JavaScript动态生成表格并为每个单元格添加单击事件的方法是Web开发中一项基础而重要的技能。通过这种方式,我们可以根据实时数据创建表格,并允许用户与表格中的数据进行交互。这不仅使页面变得更加...

    js动态设置select下拉菜单的默认选中项实例

    在这篇文章中,我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求,尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。 首先,我们需要了解...

    JavaScript动态页面制作

    "JavaScript动态页面制作"是现代Web开发中不可或缺的一部分,它涵盖了多个关键知识点,包括DOM操作、事件处理、AJAX异步通信以及动画效果实现等。 1. DOM(Document Object Model)操作:DOM是HTML和XML文档的结构...

Global site tag (gtag.js) - Google Analytics