摘要:
最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧。 1.改变函数内部的this指向的三种方法:call(),apply(),bind() 2. 相同点:都可以改变this指向。 都是在特定的作 阅读全文
摘要:
类数组对象:arguments 在函数调用时,我们总能见到arguments这个对象,它具体是用来干什么的呢?感觉逼格非常高呢 函数在使用时,我们总会位函数传入各种参数,arguments会将参数储存起来以便我们使用,下标从0开始。返回值还有数组的长度。 函数在使用时,我们总会位函数传入各种参数,a 阅读全文
摘要:
函数的使用,可以说有点基础的同学都会用,但是如何使用,才是函数真正的意义所在。用好了代码可读性,可维护性等都有很大提升,代码质量会很高。 箭头函数的使用 箭头函数不是没有this,而是它的this在定义之初就已确定,后续不再更改。 箭头函数的使用 箭头函数不是没有this,而是它的this在定义之初 阅读全文
摘要:
/** * 发布订阅模式 */ var EventCenter = (function(){ var events = {}; /* { my_event: [{handler: function(data){xxx}}, {handler: function(data){yyy}}] } */ / 阅读全文
摘要:
/** * 模块模式 = 封装大部分代码,只暴露必需接口 */ var Car = (function(){ var name = '法拉利'; function sayName(){ console.log( name ); } function getColor(name){ console.log( name );... 阅读全文
摘要:
/** * 混合模式 = 原型模式 + 构造函数模式 */ function Animal(name, color){ this.name = name; this.color = color; console.log( this.name + this.color) } Animal.prototype.getInfo = function(){ ... 阅读全文
摘要:
function Animal(opts){ var obj = new Object(); obj.name = opts.name; obj.color = opts.color; obj.getInfo = function(){ return '名称:'+obj.name +', 颜色:'+ obj.color; } ... 阅读全文
摘要:
/** * 构造一个动物的函数 */ function Animal(name, color){ this.name = name; this.color = color; this.getName = function(){ return this.name; } } // 实例一个对象 var 阅读全文