前言:本篇主要讲各个api主要方法及使用----还有就是js中与众不同的语言特性.
JavaScript对象
JS中创建对象的方式
创建直接的实例:
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
-----------------------------------
替代语法
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
使用对象构造器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>
备注:在javascript中this通常指向的是我们正在执行的函数本身,
或者是指向该函数所属的对象(运行时).
创建JavaScript对象实例:
一旦有了对象构造器,向已有对象添加新属性:
var myFather = new person("John","Doe",50,"blue");
var myMother = new person("Sally","Rally",48,"green");
把属性添加到JavaScript对象
# 可以通过为对象赋值,向已有对象添加新属性:
# 假设personObj已存在,则可以为其添加新属性:firstname,lastname,age,eyecolor:
person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";
x=person.firstname;
把方法添加到JavaScript对象
# 方法只不过是附加在对象上的函数.
# 在构造函数内部定义对象的方法
示例:
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name){
this.lastname=name;
}
}
myMother=new person("Sally","Rally",48,"green");
myMother.changeName("Doe");
JavaScript类
JavaScript是面向对象的语言,但JavaScript不使用类.
在JavaScript中,不会创建类,也不会通过类来创建对象(这点和java/c++是完全不一样的).
JavaScript基于prototype,而不是基于类的.
JavaScript for in循环
JavaScriptfor...in语句循环遍历对象的属性
语法:
for(variable in object){
执行的代码...
}
注意:for...in循环中的代码块将针对每个属性执行一次
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>
JS Number对象
JavaScript 数字
JavaScript只有一种数字类型.可以使用也可以不适用小数点来书写数字
表示方式:
var pi = 3.14;
var x = 34;
var y = 34e5;
var y = 34e-5;
# 所有javascript数字均为64位
JavaScript不是类型语言.与其他编程语言不同,JavaScript不定义,
不同类型的数字,比如整数,短,长,浮点等等.
在JavaScript中,数字不分为整数类型和浮点型类型,所有的数字都是由浮点
类型.
# 精度
整数最多为15位 (不使用小数点或指数计数法)
# 小数的运算不总是百分之百精确;
var x = 0.2+0.1;
# 8进制和16进制
如果前缀为0则JavaScript会把数值常量解释为8进制数,如果前缀为0和"x",则解
释为16进制数
#默认情况下,JavaScript数字为十进制显示.
但是你可以使用toString()方法输出16进制,8进制,2进制
var myNumber = 128;
myNumber.toString(16); // 返回
80myNumber.toString(8); // 返回
200myNumber.toString(2); // 返回 10000000
无穷大(Infinity)
var x = 2/0;正无穷 Infinity
var y = -2/0;负无穷-Infinity
NaN-非数字值
# NaN属性是代表非数字值的特殊值.该属性用于指示某个值不是数字.可以把Number对象设置为改制,来指示不是数字
可以使用isNaN()全局函数来判断一个值是否是NaN值
var x = 1000 / "Apple";
isNaN(x); // 返回 true
var y = 100 / "1000";
isNaN(y); // 返回 false
var x = 1000 / 0;
isNaN(x); // 返回 false
数字可以是数字或者对象
数字可以私有数据进行初始化，就像 x = 123;
JavaScript 数字对象初始化数据， var y = new Number(123);
# 实例
var x = 123;
var y = new Number(123);
typeof(x) // 返回 Number
typeof(y) // 返回 Object
# 实例
var x = 123;
var y = new Number(123);
(x === y) // 为 false，因为 x 是一个数字，y 是一个对象
JavaScript字符串
- 字符串可以使用数组的形式取单个字符
- 字符串的长度属性length来计算字符串的长度
- indexOf()来查找子串在字符串中首次出现的位置,如果没有查到则返回-1,lastIndexOf()方法在字符串末尾开始查找子串出现的位置.
- 内容匹配:match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符.如果没找到则返回null
- 替换内容,replace()方法在字符串中用某些字符替换另一些字符.
- 字符串大小写转换
toUpperCase()/toLowerCase(); - 字符串转为数组:字符串使用split()函数转为数组:
txt="a,b,c,d,e" // String
txt.split(","); // 使用逗号分隔
txt.split(" "); // 使用空格分隔
txt.split("|"); // 使用竖线分隔
- 特殊字符,通过\转义
未完待续......
网友评论