微信号:phpdaily

介绍:PHP在线专注于PHP编程语言学习,PHP开发经验分享,工作问题解决以及PHP在线技能测评等多功能为一体的服务系统,希望给工作学习中的PHPER带来些帮助。

Javascript权威指南学习总结

2017-10-30 23:31 赵云龙

1.  函数的定义总是覆盖变量的定义

function f(){

    alert( 1111 );

}

var f = 1;

alert( f );

此时输出的是1111


2. 函数变量的作用域不管定义在函数体内任何地方,都将是作用于整个函数体内

var x = 1;

function f(){

    alert( x );

    var x = 2;

}

f();

输出undefine,JS变量是在预编译期定义的,所以一开始全局变量x 和 局部变量x都已经被解析,函数体内此时的x的值是undefined.


3. hasOwnProperty isPrototypeOf constructor 区别

hasOwnProperty ( obj1.hasOwnProperty( '属性或方法' ) ) 判断属性、方法是否是某个对象的实际属性或方法而非继承来的.

var o = new Object();

o.name = 1;

alert( o.hasOwnProperty('name') );

// 输出 true 表示name是o的实际属性,非继承属性.


isPrototypeOf ( obj2.isPrototypeOf( obj1 ) ) 判断obj2是否在obj1的原型链上;

function o(){ // }

var obj = new o();

alert( o.prototype.isPrototypeOf( obj ) );

// 输出true 表示 o.prototype 在 obj的原型链上


constructor ( obj.constructor ) 返回对象的构造函数.

function o(){ // }

var obj = new o();

alert( obj.constructor ); // 输出o.


4. 构造函数里的成员 和 prototype 区别

定义在构造函数里的成员在每次构造实例的时,会把所有的成员重新定义在该实例上.

function o(){

    this.name = 1;

}

var obj = new o();

alert( obj.hasOwnProperty( 'name' ) );

// 输出true 说明 obj 已经有了非继承的属性name;


定义在 property 里的成员 是继承给实例对象的,实例对象本身并没有 name 属性

function o(){

    // 构造函数

}

o.prototype = {

    name : 1

}

var obj = new o();

alert( obj.hasOwnProperty( 'name' ) );

// 输出 false 说明 obj 的name属性是继承来的而不是本身实际有的name属性.


5. Image对象 图片缓存

1. 使用方法

var i = new Image();    

// 创建Image实例用于预加载图片

i.src = '1.jpg';    

// 此时完成1.jpg的预加载

 // 当执行img的src时 如果i的图片加载完,则直接调用。


2. Image对象的方法

var i = new Image();

// onload 方法表示图片是否加载完成

i.onload = function (){

}

 3.Image对象的属性 complete ,当complete值为false时表示图片的onload未执行,即img未加载完。当图片加载完成时,complete的值为true ( 前提是未调用Image对象的onerror和onabort事件,因为调用了这3个事件的任何一个complete的值都将边为true )

例子: 图片加载未完成时,可以载入一个加载中的gif动画,等img.onload事件执行时再加载图片.

window.onload = function (){

  var i = new Image();    

        i.src = 'a.jpg';    

       if(!i.complete){       

                img.src='x.gif';     

        }      

      i.onload = function (){        

               img.src=i.src;    

      }

}




 
PHP在线 更多文章 缓存更新的套路
猜您喜欢 Why Is ClassLoader.getResourceAsStream So Slow in Android? GopherChina Conf讲师之TiDB创始人-刘奇 【直播预告】微信支付能通吃全球吗?|硅发布跨境直播 Hadoop2.7.3 集群安装指南 支付宝再遇超级对手!腾讯理财通用户数破 1 亿,还要发力区块链