正文

Java Script 第二章.

IP云
IP云V管理员/6 阅读
09/18
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

对象：

  1. JavaScript中的所有事物都是对象：字符串，数组，数值，函数.....
  2. JavaScript中提供多个内建对象，比如说 String,  Date,  Array等等。对象只是带有属性和方法的特殊数据类型。
    • 布尔型可以是一个对象。
    • 数字型可以是一个对象。
    • 字符串也可以是一个对象。
    • 日期是一个对象。
    • 数学和正则表达式也是对象。
    • 数组是一个对象。
    • 甚至函数也可以是对象。

访问对象的属性: 属性是与对象相关的值。

访问对象属性的语法是： objectName.propertyName.

访问对象的方法：方法是能够在对象上执行的动作。

访问对象方法的语法是: objectName.MethodName().

创建 JavaScript 对象

通过 JavaScript ，你能够定义并创建自己的对象。

创建新对象有两种不同的方法:

1: 定义并创建对象的实例。

2: 使用函数来定义对象，然后创建新的对象实例。

创建直接的实例

person=new object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

上面这个例子是：创建对象的新实例，并向其添加了四个属性。

使用对象构造器

function person(firstname,lastname,age,eyeclolr){ this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

在JavaScript 中 ，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）。

创建 JavaScript 对象实例

var myFather =new person("马云","Doe",50,"blue");
var myMother=new person("妈妈","Doe",49,"red");

把属性添加到 JavaScript 对象

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

你可以通过为对象赋值，向已有对象添加新属性。

把方法添加到 JavaScript 对象

方法只不过是附加在对象上的函数。

在构造函数内部定义对象的方法。

function person(firstname,lastname,age,eyecolor){ this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor; this.changName=changName
function changName(name){ this.lastname=name;
}
}

JavaScript 类

JavaScript 是面向对象的语言，但JavaScript 不使用类。

在Java Script 中 ， 不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。

Java Script 基于 prototype,而不是基于类的。

JavaScript for....in 循环

JavaScript for...in 语句循环遍历对象的属性。

语法

for(variable in object){
code to be executed;
}

注意：for..in 循环中的代码块将针对每个属性执行一下。

实例

<script>
var arr2=Array("篮球","跳舞","唱歌","说唱");
for ( key in arr2) {
document.write("<li>"+arr2[key]+"</li>");
}
</script>

with语句

with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方法。
也就是在指定区的代码区域，直接通过节点名称调用对象。
我们已经知道，用变量的作用域和作用域链 （即一个按顺序检索的对象列表）来
进行变量名解析，而with 语句就是用于暂修改作用域链的

语法：

with（）{
Statement
}

该语句可以有效地将object添加到作用域的头部，然后执行statement,再把作用域链恢复到原始状态
 

实例：

function with_text(thisa){
with(thisa.form){
t1.value="大帅哥";
t3.value='大美女';
t4.value='大宝贝';
}
}

上面这个例子是将文本框赋值。

注意：

使用with语句的JavaScript代码很难初始化， 因此它的运算数度比不使用with语句等价要慢很多
而且，在with语句中的函数定义和变量初始化可能会产生令人惊讶的，相抵抗的行为
因此我们避免使用with语句。
而对于with语句的实现的语句简化，我们完成可以使用变量来实现
例如：

function value_a(){
var form =document.forms[0];
form.t1.value="大帅哥";
form.t4.value="大美女";
form.t3.value="大宝贝";
}

JavaScript 字符串对象

字符串对象用来操纵和处理文本字符串。

用法:  stringName.methodName

创建字符串的方法：

  • 使用var 语句，并对为其赋值（可选）
  • 使用赋值运算符（=）及变量名
  • 使用String（）构造函数

字符串属性和方法

属性:

  • length
  • prototype
  • constructor

方法:

  • charAt()
  • charCodeAt()
  • concat()
  • fromCharCode()
  • indexOf()
  • lastIndexOf()
  • match()
  • replace()
  • search()
  • slice()
  • split()
  • substr()
  • substring()
  • toLowerCase()
  • toUpperCase()
  • valueOf()

字符串对象示例：

<HTML>
<HEAD>
<script language = "Javascript">
var bstr = "大号";
var sstr = "小号";
var blstr = "粗体";
var blkstr = “闪烁”;
var ucase = "大写";
var lcase = "小写";
document.write ("<BR>这是"+ bstr.big() + "文本");
document.write ("<BR>这是"+ sstr.small() +"文本");
document.write ("<BR>这是"+ blstr.bold() + "文本");
document.write ("<BR>这是"+ blkstr.blink() + "文本");
document.write ("<BR>这是"+ ucase.toUpperCase() + "文本");
document.write ("<BR>这是"+ lcase.toLowerCase() + "文本");
</script>
</HEAD>
</HTML>

Math 对象

math 对象拥有可用于表示复杂数学运算的属性和方法

方法

concat() 连接两个或更多的数组，并返回结果。

evrery() 检测数值元素的每个元素是否都符合条件。

filter() 检测数值元素，并返回符合条件所有元素的数组。

indexOf() 搜索数组中的元素，并返回它所在的位置。

join() 把数组的所有元素放入一个字符串。

lastindexOf() 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

map() 通过指定函数处理数组的每个元素，并返回处理后的数组。

pop() 删除数组的最后一个元素并返回删除的元素。

push() 向数组的末尾添加一个或更多元素，并返回新的长度。

reverse() 反转数组的元素顺序。

shift() 删除并返回数组的第一个元素。

slice() 选取数组的的一部分，并返回一个新数组。

some() 检测数组元素中是否有元素符合指定条件。

sort() 对数组的元素进行排序。

splice() 从数组中添加或删除元素。

toString() 把数组转换为字符串，并返回结果。

unshift() 向数组的开头添加一个或更多元素，并返回新的长度。

valueOf() 返回数组对象的原始值。

属性

E返回算术常量 e，即自然对数的底数（约等于2.718）。

LN2返回 2 的自然对数（约等于0.693）。

LN10返回 10 的自然对数（约等于2.302）。

LOG2E返回以 2 为底的 e 的对数（约等于 1.414）。

LOG10E返回以 10 为底的 e 的对数（约等于0.434）。

PI返回圆周率（约等于3.14159）。

SQRT1_2返回返回 2 的平方根的倒数（约等于 0.707）。

SQRT2返回 2 的平方根（约等于 1.414）。

Math示例

<HTML>
<SCRIPT LANGUAGE = "JavaScript">
function doCalc(x)
{
var a;
a = Math.PI * x * x;
alert ("半径为" + x + " " + "的圆的面积为" + " " + a);
}
</SCRIPT>
<BODY bgColor = white>
<FORM>
输入圆的半径：
<INPUT TYPE = TEXT size = 5 name = "rad">
<BR><BR>
<INPUT type = button value = "显示面积" onclick="doCalc(rad.value)">
</FORM>
</BODY>

Date对象

Date 是内置对象，包含日期和时间 。

Date 对象无属性，但有许多方法可以用来设置。获取和操作日期。

用法： Dateobject =new Date(parmeters)

Date对象方法

  • set 方法组

  • get 方法组

  • to 方法组

  • parse和UTC方法组

具体属性：

具体方法：

Date对象示例

1 <HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--—
var dayname = new Array("日","一","二","三","四","五","六");
var thedate = new Date("2003/12/25")
document.write("<p>2003年的圣诞节是星期" + dayname[thedate.getDay()]);
thedate.setYear(2004);
document.write("<p>2004年的圣诞节是星期" + dayname[thedate.getDay()]);
//-->
</SCRIPT>
</HEAD>
</HTML>

总结：

  • 对象是综合数据“包”。
  • this语句必须只能作用在函数作用域或其调用引用内。
  • with语句用于执行一组语句，所有这些语句都假定引用一个指定的对象。
  • new操作符用于新建对象类型实例。
  • eval函数用于计算代码串，而不引用任何特定对象。
  • 字符串对象用于操纵和使用文本字符串。
  • Math对象的属性和方法可用于进行高级算术计算。
  • Date对象无任何属性。但是，有许多方法可以用来设置、获取及操纵日期。