
1.1 数据属性(`properties`),对象的普通属性将字符串名称映射到值。例如,下面对象obj有一个数据属性,名称为 prop,对应的值为 123:var obj = {prop: 123}可以用以下方式读取属性的值:console.log(obj.prop)// 123,console.log(obj["prop"])// 123,当然也可以用以下方式来设置属性的值:obj.prop = "abc"obj["prop"] = "abc"
1.2 访问器属性,另外,可以通过函数处理获取和设置属性值。 这些函数称为访问器函数。 处理获取的函数称为getter。 处理设置的函数称为setter:var obj = {get prop () {return 'Getter'},set prop (value) {console.log('Setter: ' + value)}}访问 obj 属性:>obj.prop'Getter'>obj.prop = 123Setter: 123。
1.3 内部属性一些属性只是用于规范,这些属于“内部”的属性,因为它们不能直接访问,但是它们确实影响对象的行为。内部属性有特殊的名称都写在两个方括号,如:内部属性[[Prototype]]指向对象的原型。它可以通过Object.getPrototypeOf()读取。它的值只能通过创建具有给定原型的新对象来设置,例如通过object.create()或__proto__ 。
内部属性[[Extensible]]决定是否可以向对象添加属性。可以通过Object.isExtensible() 方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。可以通过Object.preventExtensions()方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。
属性特性(attribute),属性的所有状态,包括数据和元数据,都存储在特性(attribute)中。它们是属性具有的字段,就像对象具有属性一样。特性(attribute)键通常用双括号编写:
在JavaScript中定义对象可以采用以下几种方式:1.基于已有对象扩充其属性和方法
2.工厂方式
3.构造函数方式
4.原型(“prototype”)方式
5.动态原型方式 -- 1.基于已有对象扩充其属性和方法
object.name = "zhangsan"
object.sayName = function(name)
{
this.name = name
alert(this.name)
}
object.sayName("lisi") -- 2.工厂方式
function createObject()
{
var object = new Object()
object.username = "zhangsan"
object.password = "123"
object.get = function()
{
alert(this.username + ", " + this.password)
}
return object
}
var object1 = createObject()
var object2 = createObject()
object1.get()
-- 采用带参数的构造方法:
function createObject(username, password)
{
var object = new Object()
object.username = username
object.password = password
object.get = function()
{
alert(this.username + ", " + this.password)
}
return object
}
var object1 = createObject("zhangsan", "123")
object1.get()
代码如下:1.HTML页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="1.js" ></script>
<script type="text/javascript" src="2.js" ></script>
</head>
<body>
<input type="text" id="tex" name="tex" onblur="fun()" />
</body>
</html>
2.js:
function onCli(){
var va=document.getElementById("tex").value
if(null == va || "" == va){
alert("请在文本框中输入内容!")
return false
}
return true//当va的值不为空时 if(onCli())中onCli()是undefined
}
3.js
function fun(){
if(onCli()){
alert("调用成功!")
}
}
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)