JavaScript 操作对象属性(设置属性, setter/getter, 序列化)

参考自<<JavaScript权威指南第6版>>, 文字太多反而不易理清其中的关系, 直接上代码和注释 /* * 对象的setter和getter属性: * 定义为一个或者两个和属性同名的函数, 这个函数不用function,而是使用get 或 set, * 作用和java中的getter/setter很类似. 但是他们并不是函数,所以调用方式也比较特别. */ var demo = { , get get_data(){ return this.data; }, set set…

自定义类属性设置及setter、getter方法的内部实现

属性是可以说是面向对象语言中封装的一个体现,在自定义类中设置属性就相当于定义了一个私有变量.设置器(setter方法)以及访问器(getter方法),其中无论是变量的定义,方法的声明和实现都是系统自动生成的并且经过了相应地内存管理和优化,无需开发者操心. 属性的声明: 属性一般定义在类的接口,或类的延展内,并且放在方法的声明之前,成员变量的声明之后.属性关键字是@property,括号内的是属性的属性,然后是变量的类型和名字,属性的定义一般分为两种情况,一种是非对象类型的变量,如int整型,使用…

javascript操作html元素CSS属性

下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline. 解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firef…

遍历JavaScript某个对象所有的属性名称和值

/* * 用来遍历指定对象所有的属性名称和值 * obj 需要遍历的对象 */ function allPrpos(obj) { // 用来保存所有的属性名称和值 var props = ""; // 开始遍历 for(var p in obj){ // 方法 if(typeof(obj[p])=="function"){ obj[p](); }else{ // p 为属性名称,obj[p]为对应属性的值 props+= p + "=" + ob…

javascript Date对象之设置时间

之前对js的date对象总是感觉熟悉,而不愿细细深究其所以然,所以每当自己真正应用起来的时候,总会糊里糊涂的,今日花费2个小时的时间仔细钻研了一下,感觉豁然开朗,故,以此记录,一来供以后查阅,二来给跟我有同感的同志们供参考(代码copy到本地即可测试): javascript Date对象 --> 设置时间: 测试代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

javascript中对象访问自身属性的方式

在javascript中,通过对象的方法访问对象自身属性时,必须采用this.fieldName的方式. 原因是javascript中Function是无状态的,访问对象的属性时,必须指定当前的上下文状态,即添加this关键字.如果没有指定,则上下文默认为window. 举例如下: var obj = { name:"James", showName:function(){ alert(name); } } 通过控制台执行obj.showName() 输出为空字符串. 原因:obj.s…

JavaScript检测对象的类属性

function classof(o) { if(o === null) { return "Null"; } if(o === undefined) { return "Undefined"; } return Object.prototype.toString.call(o).slice(8, -1); }…

javascript获取对象中的属性及值

function displayProp(obj){ var names=""; for(var name in obj){ names+=name+": "+obj[name]+", "; } alert(names); } 多美完美的体验.跟java的反射很像.…

javascript操作对象的方法

with 确定某个对象的作用区域,在with代码段内的次对象的属性或方法可以直接使用. 例: //比如stu中有name,age属性和walk方法 with(stu) { alert(name+" "+age);//即省略了stu.name此种类型的调用 walk(); } in 用于便利对象或数组等,便利对象返回对象属性的变量名,便利数组返回数组的脚标例: //stu.name="lisi"; stu.age=12; for(s in stu) { alert(…

JQuery 操作对象的属性值

通过JQuery去操作前台对象(div,span...)的属性是很常见的事情,本文就简单的介绍几种操作情形. 1):通过属性值去获取对象 2):用JQuery去修改对象的属性值 3):获取并修改对象的Style的属性值这里提供一个简单的前台Html代码,后续操作都是对此段Html代码进行的. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title…

js遍历对象所有的属性名称和值

/* * 用来遍历指定对象所有的属性名称和值 * obj 需要遍历的对象 * author: Jet Mah * website: http://www.javatang.com/archives/2006/09/13/442864.html */ function allPrpos(obj) { // 用来保存所有的属性名称和值 var props = ""; // 开始遍历 for(var p in obj){ // 方法 if(typeof(obj[p])=="func…

iPhone开发教程之retain/copy/assign/setter/getter

assign: 简单赋值,不更改索引计数 copy: 建立一个索引计数为1的对象,然后释放旧对象retain:释放旧的对象,将旧对象的值赋予输入对象,再提高输入对象的索引计数为1 1. 接触过C,那么假设你用malloc分配了一块内存,并且把它的地址赋值给了指针a,后来你希望指针b也共享这块内存,于是你又把a赋值给(assign)了b.此时a和b指向同一块内存,请问当a不再需要这块内存,能否直接释放它?答案是否定的,因为a并不知道b是否还在使用这块内存,如果a释放了,那么b在使用这块内存的时候会…

JavaScript遍历对象中所有元素

操作对象如下,属性名不确定: 遍历方法: var temp = new Array(); for(var i in result.datas[0]){ temp.push(result.datas[0][i]); } for in 中i对于的就是每个属性的名字,遍历一遍就能生成对应数组取数据了…

对象存取器属性：getter和setter

在一个对象中,操作其中的属性或方法,通常运用最多的就是读(引用)和写了,譬如说o.a,这就是一个读的操作,而o.b = 1则是一个写的操作.事实上在除ie外最新主流浏览器的实现中,任何一个对象的键值都可以被getter和setter方法所取代,这被称之为"存取器属性". 毫无疑问,getter负责查询值,它不带任何参数,setter则负责设置键值,值是以参数的形式传递,在他的函数体中,一切的return都是无效的.和普通属性不同的是,存储器属性在只声明了get或set时,对于读和写是两…

JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;

JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法什么是bom BOM(browser object model)浏览器对象模型 window Window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象 Window对象的方法语法:window.alert(“content”) 功能…

JavaScript 秘密花园——对象的使用和属性操作

JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined. false.toString(); // 'false' [1, 2, 3].toString(); // '1,2,3' function Foo(){} Foo.bar = 1; Foo.bar; // 1 一个常见的误解是数字的字面值(literal)不是对象.这是因为 JavaScript 解析器的一个错误, 它试图将点操作符解析为浮点数字面值的一部分. 2.toString(); // 出错:S…

JavaScript中操作对象的属性

1.操作对象的属性注意: 标签属性与DOM对象属性的相应关系: 绝大部分2者是同样的.如:imgobj.src属性相应<img src="" >中src属性,但也有例外,如<div class="main" >中,操作class属性用divobj.className. CSS属性与DOM对象属性的相应关系: 1. 两者通过obj.style.css属性名相相应如:obj.style.width. 2.假设CSS属性带有横线,如bor…

JavaScript中对象的属性类型

JavaScript中,对象的属性有两种:数据属性和访问器属性. 数据属性特性: 数据属性包括一个数据值的位置.在这个位置可以读取和写入值.数据属性有4个特性. [[configurable]]:可配置.表示能否删除属性.能否修改属性的特性.能否把属性变为访问器属性. [[enumerable]]:可枚举.表示能否通过for-in循环进行遍历. [[writable]]:可写.表示能否修改属性的值. [[value]]:表示这个属性的数据值. 设置: ES5提供了Object.definePr…

JavaScript中对象的属性

在JavaScript中,属性决定了一个对象的状态,本文详细的研究了它们是如何工作的. 属性类型 JavaScript中有三种不同类型的属性:命名数据属性(named data properties),命名访问器属性(named accessor properties)以及内部属性(internal properties). 命名数据属性这种属性就是我们通常所用的"普通"属性,它用来将一个字符串名称映射到某个值上.比如,下面的对象obj有一个名为字符串"prop"…

JavaScript 之对象属性的特性和defineProperty方法

对象是无序属性的集合,而这些属性在创建是都带有一些特征值(可以理解为属性的属性,天生自带的),这些特征值是为了实现JavaScript引擎用的,因此JavaScript不能直接访问. JavaScript通过这些特征值来定义属性的行为(属性是否删除,枚举,修改等). 例如,在全局定义的属性是会挂载到window上的.当想删除window上的这个属性,是不可以的.也就是说window上的属性是不可配置的.delete window.obj //false Function.prototyp…

setter getter 属性点语法

转载自:http://liuyafang.blog.51cto.com/8837978/1543715 什么时setter,getter, 在OC里, 为实例变量赋zhi的方法称作setter(设置器) 读取实例变量值的方法称作getter(访问器) 我们之前写的那些赋值取值的方法都可以称作setter和getter setter.getter的书写格式 OC里规定里setter和getter的书写格式如果一个实例变量是 int age: 或者int_age: setter的书写格式如下 -…

JavaScript对象访问器属性

对象访问器就是setter和getter,他们的作用就是提供另外一种方法来获取或者设置对象的属性值, 并且在获取和设置的时候,可以用一定的其他操作. 看下面代码: <script> var person = { _name : "abc", //注意此处的_name有一个下划线 }; Object.defineProperty(person,"name",{ //注意第二个参数的前面没有下划线,所以_name和name是两个不同的属性 set : fu…

EBS OAF开发中实体对象和视图对象的属性设置器

EBS OAF开发中实体对象和视图对象的属性设置器 (版权声明.本人原创或者翻译的文章如需转载,如转载用于个人学习,请注明出处:否则请与本人联系,违者必究) 源文: Home > Oracle Application Framework Documentation Set, Release 12.2 > Oracle Application Framework Developer's Guide > Chapter 5: Implementing Server-Side Features…

Document对象操作、样式、属性、效果、

Windows对象主要是操作浏览器外层的东西,而DOM对象是操作浏览器里面的东西. 如果我们要操作网页内容,那么一定需要操作标签! Document:文档对象模型→DOM:可以做一些特效(抢票的).摘出网页的某一元素(标签),找到他们然后增删改. 一.找元素 1.根据ID找元素 document的获取方式: 根据id进行获取元素的方式如下: var idq = document.getElementById("idq"); alert(idq); 2.根据class获取元素 var o…

JavaScript常用对象的方法和属性

---恢复内容开始--- 本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页.在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性. 1.串对象的length属性串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目.语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法以帮助控制显示信息.串方法…

javascript中对象的属性的特性

1.ES5的属性特性包括下面六个: configurable: 表示能否通过delete来删除属性从而重新定义属性,能够修改属性的特性,默认为true enumberable: 表示是否能通过for-in循环返回属性.默认为true writable: 是否可以修改属性, 默认为true value: 包含这个属性的数据值.读取属性值时3,从这个属性读,写入属性时,把新值保存到这个位置.默认值为undefine. getter: 在读取属性时,调用的函数 setter: 在写入属性时调用的函数…

第三章 JQuery: HelloWorld--常见方法--css--选择器--筛选器--属性--效果--事件--数组操作--字符串操作--对象转换

1.jQuery简介为了简化JavaScript 的开发, 一些JavsScript 库诞生了. JavaScript库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器当前流行的JavaScript 库有 jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE.优势如下: 轻量级(压缩后只有几十k) 强大的选择器出色的DOM 操作的封装可靠的事件处理机制完善的Ajax 出色的…

javascript 理解对象--- 属性类型

ECMA-262 把对象定义为:无序属性的集合,其属性可以包含基本值.对象或者函数: var Person = { name:"wsc", age :"25", job :"software engineer", sayname : function(){ alert(this.name) } } var person = new Object(); person.name="wsc"; person.age = "…

Javascript常用对象的属性和方法

javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算)和Date(日期)三种对象和其它一些相关的方法.从而为编程人员快速开发强大的脚本程序提供了非常有利的条件. 1.常用内部对象在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例:而另一种对象则在引用它的对象或方…

javascript 操作元素属性的方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>document</title> <style> </style> <script type="text/javascript"> window.onload = function() { oText1 = document.getEleme…

【JavaScript 操作对象属性(设置属性, setter/getter, 序列化)】的更多相关文章