函数也是对象
一、判断是否为function
var a=function(){}; console.log(typeof a); //输出function
注:ECMAScript定义typeof操作符对任何具有[[Call]]
属性的对象返回“function”
二、函数提升
声明本身会被提升,而包括函数表达式的赋值在内的赋值操作并不会提升;后面的函数声明可以覆盖前面的。
a(); //输出a..
b(); //输出报错
function a(){
console.log("a");
};
function a(){
console.log("a...");
};
var b = function(){
console.log("b");
}
二、 改变this
示例:obj拥有sayName()方法
var obj = {
name: "obj",
sayName: function(age){
console.log("my name is:" + this.name + ",age: " + age);
}
}
(1)call()方法
var obj1 = {name: "call"};
obj.sayName.call(obj1, 25); // my name is:call,age: 25
(2)apply()方法
var obj2 = {name: "apply"};
obj.sayName.apply(obj2, [25]); // my name is:apply,age: 25
(3)bind()方法
var obj3 = {name: "bind"};
var sayName = obj.sayName.bind(obj3);
sayName(25); // my name is:bind,age: 25
注意:call()
、apply()
立即执行,bind()
返回一个函数,并不是立即执行。
三. 构造函数
构造函数就是用new创建对象时调用的函数。使用构造函数的好处在于所有用同一个构造函数创建的对象都具有同样的属性和方法。
function Person(){}
var p1 = new Person();
console.log(p1.constructor === Person); // true
console.log(p1 instanceof Person); // true
可以使用构造函数来检查一个对象的类型,但还是建议使用instanceof来检查对象类型。因为构造函数属性可以被覆盖,并不一定完全准确。
示例:构造函数返回对象
function Foo(){
this.name = "foo";
return {name: "hhh"};
}
var f = new Foo();
f.name; // hhh
f.constructor; // Object
示例:构造函数返回原始类型
function Too(){
this.name = "too";
return "hhh";
}
var t = new Too();
t.name; // too
t.constructor; // Too
构造函数中显示调用return:
- 如果返回的值是一个对象,它会替代新创建的对象实例返回;
- 如果返回的值是一个原始类型,它会被忽略,新创建的对象实例会被返回。