欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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.nameobj["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. 自定义对象

JavaScript对象

相关标签: 前端 JavaScript