我们在使用JavaScript对象的时候,除了一些浏览器内置的单体对象可以直接使用外,都会new一个出来使用。
1、new
var obj = new Object();
此时的new关键字干了最有用的一件事、继承所有Object.prototype上的方法( 一切对象皆继承于Object )
2、new过程中发生了什么?
1)、创建一个对象
2)、将构造函数的作用域赋给新对象(因此this就指向了新对象(obj))
3)、执行构造函数中的代码(为新的对象添加属性)
4)、返回新对象
var arr = [1,2,3,4];
arr.a = 12;
arr.show = function(){
alert(this.a);
}
arr.show();
var obj = new Object();
obj.name = "ntsc";
obj.qq = "785537837";
obj.showName = function(){
alert("我的名字叫:"+ this.name);
};
obj.showQQ = function(){
alert("我的QQ号:"+ this.qq);创建
};
console.dir(Object);
console.dir(obj);
function createPerson(name, QQ) { // 构造函数
// 创建一个空白对象(原料)
var obj = new Object();
// 加属性和方法(加工)
obj.name = name;
obj.qq = QQ;
obj.showName = function () {
console.log("我的名字叫:" + this.name);
};
obj.showQQ = function () {
console.log("我的QQ号:" + this.qq);
};
// 对象返回(出厂)
return obj;
}
var obj = createPerson("ntsc", "123456");
function CreatePerson(name, QQ) { // 在构造函数里面增加属性
this.name = name;
this.qq = QQ;
}
CreatePerson.prototype.showName = function () { // 在原型里面增加方法(一样的东西放入"原型"里面)
console.log("我的名字叫:" + this.name);
};
CreatePerson.prototype.showQQ = function () {
console.log("我的QQ号:" + this.qq);
};
ar obj = new CreatePerson("ntsc", "123465")
function Obj(){
this.a = "123";
this.b = function(){
alert("b");
}
}
Obj.prototype.c = function(){
alert("c");
}
var obj = new Obj();
面向对象:在不了解原理的情况下、使用其功能。只关注对象的功能、不去关注其内部细节(一种通用思想)
对象:是由"属性" 和 "方法"构建的
变量(自由的、不属于任何事物) 和 属性(属于某一个特定对象)本质上是一个东西
函数(自由的、不属于任何事物) 和 方法(属于某一个特定对象)本质上是一个东西
Object:一切对象他爹(很纯很干净、一切对象皆继承于他)
this:
1、this是誰和函数在哪里定义和哪里执行没有关系
2、当前的方法属于誰、this就是誰(看函数前面的点"."、有点的话前面是誰、this就是誰)、没有电、this为window
3、給函数绑定事件、对于的this就是当前被绑定事件的元素
4、自执行函数、this永远都是window
对象实例化:人类(对象) --- 小明(实例化) --- 具体到个体
注:如果构造函数不需要参数,可以省去括号,即:new Obj() 和 new Obj是等同的。
居敬持志~ Coding