JavaScript高级程序设计读书笔记(第五章)(二)

引用类型

Date类型

Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970 年1 月1 日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date 类型保存的日期能够精确到1970 年1月1 日之前或之后的285 616 年。
创建日期对象:

var date = new Date();
var date = new Date('2017/02/10');//创建特定的日期对象

Date.parse(‘2017/02/10’)会返回日期的毫秒数。

ECMAScript 5 添加了Data.now()方法,返回表示调用这个方法时的日期和时间的毫秒数。

var start = Date.now();//程序开始执行时间
dosomething();
var time = Date.now() - start;//程序执行消耗时间

date对象转化为8位日期的方法:

function getRealDtae(){
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() +1 >=10 ? (date.getMonth() +1):('0'+(date.getMonth() +1));
        var day = date.getDate() >=10 ? date.getDate() : '0'+date.getDate();
        return ''+year + month + day;
}

Function类型

函数是对象,函数名是指针:,一个函数可能会有多个名字:

function sum(num1, num2){
    return num1 + num2;
}
alert(sum(10,10)); //20
var anotherSum = sum;
alert(anotherSum(10,10)); //20
sum = null;
alert(anotherSum(10,10)); //20

函数声明与函数表达式

解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
例如:

alert(sum(10,10));
function sum(num1, num2){
    return num1 + num2;
}//函数声明在表达式代码之前执行

alert(sum(10,10));
var sum = function(num1, num2){
    return num1 + num2;
};//报错,因为函数位于一个初始化语句中,代码会按顺序依次执行,在执行alert(sum(10,10))之前,函数并未声明

作为参数的函数

//这个函数接受两个参数。第一个参数应该是一个函数,第二个参数应该是要传递给该函数的一个值。
function callSomeFunction(someFunction, someArgument){
    return someFunction(someArgument);
}
//参数函数
function getGreeting(name){
    return "Hello, " + name;
}
//执行
var result2 = callSomeFunction(getGreeting, "Nicholas");
alert(result2); //"Hello, Nicholas"

函数内部属性

在函数内部,有两个特殊的对象:arguments 和this。
虽然arguments 的主要用途是保存函数参数,但这个对象还有一个名叫callee 的属性,该属性是一个指针,指向拥有这个arguments 对象的函数。

//经典阶乘函数:
function factorial(num){
    if (num <=1) {
        return 1;
    } else {
        return num * factorial(num-1)
    }
}
//由于函数内部的factorial是与函数名紧紧耦合在了一起,也就是说不能改变函数名,为了消除这种耦合,可以改造成下面这样:
function factorial(num){
    if (num <=1) {
        return 1;
    } else {
        return num * arguments.callee(num-1)
    }
}
//这样,无论引用函数时使用的是什么名字,都可以保证正常完成递归调用:
var foo = factorial;
factorial(5);//120
foo(5);//120

this:,this引用的是函数据以执行的环境对象.
例如:

window.color = 'red';
function sayColor(){
    alert(this.color);
}
alert(sayColor());//'red'
var o = {color:'blue'};
alert(o.sayColor());//'blue'

函数的属性和方法

每个函数都包含两个属性:length 和prototype。
length返回函数的参数个数:

function sayName(name){
    alert(name);
}
alert(sayName().length);//1

ECMAScript 中的引用类型而言,prototype 是保存它们所有实例方法的真正所在。

call方法和apply方法的使用:
call()方法与apply()方法的作用相同,它们的区别仅在于接收参数的方式不同。call第一个参数是this,其他参数必须一一列举出来,而apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。

function sum(num1, num2){
    return num1 + num2;
}
function callSum(num1, num2){
    return sum.call(this, num1, num2);
}
alert(callSum(10,10)); //20
function applySum(num1, num2){
    return sum.apply(this, [num1, num2]);
}//apply方法的第二个参数是数组

扩充函数作用域:

window.color = "red";
var o = { color: "blue" };
function sayColor(){
    alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o); //blue

使用call()来扩充作用域的最大好处,就是对象不需要与方法有任何耦合关系。

ECMAScript 5 还定义了一个方法:bind()。这个方法会创建一个函数的实例,其this 值会被绑定到传给bind()函数的值。例如:

window.color = "red";
var o = { color: "blue" };
    function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue

sayColor()调用bind()并传入对象o,创建了objectSayColor()函数。objectSayColor()函数的this 值等于o,因此即使是在全局作用域中调用这个函数,也会看到”blue”.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员青戈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值