当前位置: 首页 > news >正文

iis网站日志在哪里整合营销传播的定义

iis网站日志在哪里,整合营销传播的定义,开发公司简介范文大全,wordpress 链接扁平化JavaScript 是一门基于原型的面向对象语言,它是无类(class-free)的。 OOP 是 YUI 的核心代码,代码非常精简: 上面的 7 个方法,加上在 YUI~base 模块里的mix, merge, cached3 个方法,是 YUI 3 …

JavaScript 是一门基于原型的面向对象语言,它是无类(class-free)的。

OOP 是 YUI 的核心代码,代码非常精简:
YUI OOP

上面的 7 个方法,加上在 YUI~base 模块里的mix, merge, cached3 个方法,是 YUI 3 代码组织中的 10 个核心方法。

基础知识点

详细解析代码前,先复习下 JavaScript 的一些基础知识点:

  1. 在 JavaScript 中,所有对象 o 都拥有一个隐藏的原型对象(在 Firefox 中是 o.__proto__)。该隐藏原型对象拥有一个 constructor 成员,指向该对象的构造函数。当读取对象成员 o.member 时,会顺着原型链往上回溯。因此我们可以得到o.constructor === o.__proto__.constructor. 这是最基本的知识点,不多说。
  2. 在 JavaScript 中,所有函数声明在解析后,都自动拥有一个 prototype 成员。该 prototype 成员拥有一个自动添加的 constructor 成员,指向函数本身。也就是Fn === Fn.prototype.constructor.
  3. 函数 Fn 本身也是对象,因此Fn.constructor === Fn.__proto__.constructor, 注意Fn.__proto__ !== Fn.prototype, 千万不要混淆了。
  4. var fn = new Fn(),在 Firefox 下,不考虑参数传递,可以用下面的代码来表示 new 的过程:
    var o = {__proto__: Fn.prototype};
    Fn.apply(o);
    fn = o;
    
  5. 上面第 4 点是第 1 点的原因,因为任何一个对象都源自函数构造器,比如 var a = {} 可以等价为:
    var o = {__proto__: Object.prototype};
    Object.apply(o);
    a = o;
    

    因此所有对象都具有 constructor 成员。

上面 5 点可以归结为 2 点:构造函数的实例化过程和对象成员的原型链回溯机制。理解了这两点,市面上 JavaScript 的各种各样 OOP 机制,比如 Dean Edwards 的 Base.extend,MooTools 里的 new Class, 以及《悟透 JavaScript》里的甘露模型等等,就都能轻松轻松理解了。

YUI extend

对于 oop, YUI 让人喜悦的是,仅做了非常简洁的封装:

Y.extend = function(r, s, px, sx) {
if (!s || !r) {
// @TODO error symbols
Y.error("extend failed, verify dependencies");
}
var sp = s.prototype, rp = Y.Object(sp);
r.prototype = rp;
rp.constructor = r;
r.superclass = sp;
// assign constructor property
if (s != Object && sp.constructor == OP.constructor) {
sp.constructor = s;
}
// add prototype overrides
if (px) {
Y.mix(rp, px, true);
}
// add object overrides
if (sx) {
Y.mix(r, sx, true);
}
return r;
};

基本原理不废话了,可以参考 Kevin 的这篇文章。

使用方式很 JavaScript, 很简单:

YUI().use('oop', function(Y) {
var Bird = function(name) {
this.name = name;
};
Bird.prototype.getName = function(){ return this.name; };
var Chicken = function(name) {
Chicken.superclass.constructor.call(this, name);
};
Y.extend(Chicken, Bird);
var chicken = new Chicken('Tom');
Y.log(chicken.getName());
});

supperclass 有两个作用:一是可以用来调用父类的方法,二是可以通过 supperclass.constructor 调用父类的构造函数。一举两得,一旦理解了就非常好用。

extend 方法中,还有一段看起来无用的代码:

    // assign constructor property
if (s != Object && sp.constructor == OP.constructor) {
sp.constructor = s;
}

这段代码,正常情况下,的确是不可达的死代码。然而我们会经常不小心地这样组织代码:

YUI().use('oop', function(Y) {
var Bird = function(name) {
this.name = name;
};
    Bird.prototype = {
getName: function(){ return this.name; }
};

var Chicken = function(name) {
Chicken.superclass.constructor.call(this, name);
};
Y.extend(Chicken, Bird);
var chicken = new Chicken('Tom');
Y.log(chicken.getName());
});

注意加粗部分,直接给 prototype 赋值,会使得自动添加的 constructor 成员丢失。为了避免这种很容易犯的错误,在 extend 方法里,很人性化地为我们做了纠正工作。

简洁优美、小巧灵活的 extend, 是我最喜欢的 JavaScript 继承封装。

YUI augment

接下来一个有意思的方法是 augment. 如果说 extend 是实现类继承机制,augment 则是实现了接口。并且这种接口,还不需要自己去写实现代码,直接就借用过来了^o^

augment 源码里最难理解的是为何要对 function 成员做一层封装。其实也很简单,我们看一个例子:

YUI().use('oop', function(Y) {
var Bird = function() {
this.canFly = true;
};
Bird.prototype.canFly = function() { return this.canFly; };
var Pig = function() {};
Y.augment(Pig, Bird);
var pig = new Pig();
Y.log(pig.canFly());
});

如果 augment 方法里,没有以下封装代码:

replacements[k] = function() {
for (i in sequestered) {
if (sequestered.hasOwnProperty(i) && (this[i] === replacements[i])) {
this[i] = sequestered[i];
}
}
// apply the constructor
construct.apply(this, a);
// apply the original sequestered function
return sequestered[k].apply(this, arguments);
};

则 pig.canFly() 返回的就是 undefined 了。因为 pig 对象没有 canFly 属性。

有了以上封装代码,才能保证 augment 过来的方法确实可用,从而使得我们能很方便地构造出一头能飞的猪!

其它方法

其它几个方法都很容易理解,不多说。其中 bind 方法是一个返回函数的函数,巧妙利用可以非常灵活地实现非常精妙的代码,请参考这篇文章:JavaScript 中的 arguments

最后,闲话

jQuery, MooTools 等框架,我们在使用时,先要学会它们自身的语法,比如 MooTools 的 new Class 机制等。学习成本高,而且可移植性差(比如学会 jQuery,对学习 MooTools 或原生 JavaScript 没啥很大帮助)。

但 YUI 不同。YUI 的风格是,让我们能像写原生 JavaScript 一样去使用 YUI. 无需掌握过多框架自身引入的语法。这意味着,用 YUI 用得越熟练,对 JavaScript 本身的理解也会越深入。YUI 是一种辅助增强,但不破坏 JavaScript 固有的美好和缺点。这是 YUI 最诱人的地方。

快乐学习,欢迎讨论。

http://www.ds6.com.cn/news/113861.html

相关文章:

  • wordpress自适应吸附菜单网站优化 福州
  • 深圳龙岗企业网站建设发帖子最好的几个网站
  • seo整站优化外包公司关键词如何确定
  • 沈阳市网站建设公司郑州官网网站推广优化
  • 企业客户服务平台关键词排名优化技巧
  • 国内做网站群平台的公司重庆网站制作系统
  • 最新的网站开发技术南宁seo排名首页
  • 巩义网站建设巨量算数
  • 临沂网站建设微信sem推广和seo的区别
  • 网站头像设计免费制作浏览器下载安装
  • 制作网站工具怎么制作一个网站5个网页
  • 网站建设游戏网站建设优化收费
  • 浙江政府网站建设报价百度信息流广告投放
  • 心力建网站镇江seo
  • 中企动力网站建设精品案例品牌营销策略分析
  • 查询数据的网站怎么做如何提高网站排名的方法
  • 大连百度网站排名优化长沙网站搭建关键词排名
  • 青海公路建设信用信息服务网站搜索引擎营销的英文缩写
  • 网站建设提成方案拼多多关键词怎么优化
  • 网站申请注册个域名免费seo培训
  • 没有充值入口的传奇广州营销seo
  • 做代理哪个网站靠谱郑州seo软件
  • 网站的轮播图怎么做直通车关键词优化口诀
  • 凡科做的网站好吗seo教育
  • 东营有做网站的公司网络营销的推广方式
  • 做商业网站没有注册公司百度seo服务公司
  • 网上做网站怎么做下拉菜单小程序制作
  • 新疆建设工程信息网查询陕西seo排名
  • 贵州企业网站开发公司石家庄疫情
  • 危险网站怎么做二维码教育培训机构十大排名