javascript中的函数介绍

函数也是对象

一、判断是否为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:

  • 如果返回的值是一个对象,它会替代新创建的对象实例返回;
  • 如果返回的值是一个原始类型,它会被忽略,新创建的对象实例会被返回。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值