JavaScript对象
程序员文章站
2022-04-24 23:07:33
...
对象
1. 内建对象
this:
以函数形式调用时指向window
以方法形式调用时,指向方法
Object
创建方式:
var obj = new Object();
obj.name = "xty";
obj.age = 19;
或
对象字面量
var obj = {
name:"xty";
age:19;
}
或
var obj = {};
obj.name = "xty";
obj.age = 19;
批量生产
function creatPerson(name,age,gender){
var obj = new Object;
obj.name = name;
obj.age = age;
obj.gender=gender;
obj.sayName = function(){
alert(this.name);
}
return obj;
}
var xty = creatPerson("xty",19,"男");
属性:使用obj.name
或obj["name"]
in运算符:console.log("test2" in obj);
返回turn,false
Array
创建方法:
第一种使用Array构造函数
var colors = new Array();
第二种使用数组字面量
var colors = ["rad","blue",123];
Array对象方法:
push();末尾添加
pop();末尾移除
unshift();前端添加
shift();前端移除
forEach();方法传递三个参数
第一个参数为数组元素
第二个参数为数组索引
第三个参数为数组对象
var arr = ["xty",19,"男"];
arr.forEach(function (a ,b,c) {
// body...
console.log(a);
console.log(b);
console.log(c);
})
slice(); 截取元素
splice(); 最强大的数组方法,可以删除,插入,替换元素
concat(); 链接多个数组,返回新数组
join(“连接符”); 把数组转换为字符串
reverse(); 颠倒元素顺序
sort(); 按照unicode码从小到大排序,下面代码更改顺序,返回值大于0交换位置,小于0,不交换位置
var arry = [2,3,1,4,5,6,2,3];
arry.sort(function(a,b){
if (a>b) {
return 1;
}else{
return -1;
}
})
console.log(arry);
var arry = [2,3,1,4,5,6,2,3];
arry.sort(function(a,b){
return a-b;
})
console.log(arry);
String
Math
Boolean
Function
使用构造函数创建:
var func = new Functon(console.log("hello world"));
使用函数声明创建:
function func(){
console.log("hello world");
}
使用函数表达式:
var func = function(){
console.log("hello world");
}
立即执行函数:
(function(a,b){
console.log(a+b);
})(1,2);
构造函数:
function Person(){
}
var xty = new Person();
创建了一个叫Person的对象,xty称为Person的实例
Object里面的Function叫做对象的方法。
instanceof操作符,检查xty是否为Person,返回ture和false。
console.log(xty instanceof Person);
原型对象:
构造函数和实例都指向的对象
利用原型提供构造函数和其实例都拥有的属性
Person.prototype.a=123;
2. 宿主对象
BOM,DOM
3. 自定义对象
上一篇: 玉米蒸多久能燕熟?玉米能够保存多长时间?