JavaScript ¼Ì³ÐÏê½â3
ÔÚµÚÒ»ÕÂÖУ¬ÎÒÃÇʹÓù¹Ô캯ÊýºÍÔÐ͵ķ½Ê½ÔÚJavaScriptµÄÊÀ½çÖÐʵÏÖÁËÀàºÍ¼Ì³Ð£¬ µ«ÊÇ´æÔںܶàÎÊÌâ¡£ÕâÒ»ÕÂÎÒÃǽ«»áÖðÒ»·ÖÎöÕâЩÎÊÌ⣬²¢¸ø³ö½â¾ö·½°¸¡£
×¢£º±¾ÕÂÖеÄjClassµÄʵÏֲο¼ÁËSimple JavaScript Inheritance
µÄ×ö·¨¡£
Ê×ÏÈÈÃÎÒÃÇÀ´»Ø¹ËһϵÚÒ»ÕÂÖнéÉܵÄÀý×Ó£º
function Person(name) {
this.name = name;
}
Person.prototype = {
getName: function() {
return this.name;
}
}
function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
}
Employee.prototype = new Person();
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.getName()); // "ZhangSan"
ÐÞÕýconstructorµÄÖ¸Ïò´íÎó
´ÓÉÏһƪÎÄÕÂÖйØÓÚconstructorµÄÃèÊö£¬ÎÒÃÇÖªµÀEmployeeʵÀýµÄconstructor»áÓÐÒ»¸öÖ¸Ïò´íÎó£¬ÈçÏÂËùʾ£º
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.constructor === Employee); // false
console.log(zhang.constructor === Object); // true
ÎÒÃÇÐèÒª¼òµ¥µÄÐÞÕý£º
function Employee(name, employeeID) {
this.name = name;
this.employeeID = employeeID;
}
Employee.prototype = new Person();
Employee.prototype.constructor = Employee;
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
var zhang = new Employee("ZhangSan", "1234");
console.log(zhang.constructor === Employee); // true
console.log(zhang.constructor === Object); // false
´´½¨EmployeeÀàʱʵÀý»¯PersonÊDz»ºÏÊʵÄ
µ«ÁíÒ»·½Ã棬ÎÒÃÇÓÖ±ØÐëÒÀÀµÓÚÕâÖÖ»úÖÆÀ´ÊµÏּ̳С£ ½â¾ö°ì·¨ÊDz»ÔÚ¹¹Ô캯ÊýÖгõʼ»¯Êý¾Ý£¬¶øÊÇÌṩһ¸öÔÐÍ·½·¨£¨±ÈÈçinit£©À´³õʼ»¯Êý¾Ý¡£
// ¿ÕµÄ¹¹Ô캯Êý
function Person() {
}
Person.prototype = {
init: function(name) {
this.name = name;
},
getName: function() {
return this.name;
}
}
// ¿ÕµÄ¹¹Ô캯Êý
function Employee() {
}
// ´´½¨ÀàµÄ½×¶Î²»»á³õʼ»¯¸¸ÀàµÄÊý¾Ý£¬ÒòΪPersonÊÇÒ»¸ö¿ÕµÄ¹¹Ô캯Êý
Employee.prototype = new Person();
Employee.prototype.constructor = Employee;
Employee.prototyp
Ïà¹ØÎĵµ£º
×ֺţº´ó ÖРС
·½·¨Ò»£º×µÄ£¬×îÈÝÒ×Àí½âµÄ£¬ÇÒ¿ÉÒÔËæÒâÉèÖÃÒªÅųýµÄ×Ö·û
<script language="javascript">
function isChinese1(str){
var badChar ="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
badChar += "abcdefghijklmnopqrstuvwxyz";
badChar += "0123456789";
badChar += " "+"¡¡";//°ë½ÇÓëÈ«½Ç¿Õ¸ñ
badChar ......
shift£ºÉ¾³ýÔÊý×éµÚÒ»Ï²¢·µ»ØÉ¾³ýÔªËØµÄÖµ£»Èç¹ûÊý×éΪ¿ÕÔò·µ»Øundefined
var a = [1,2,3,4,5];
var b = a.shift(); //a£º[2,3,4,5] b£º1
unshift£º½«²ÎÊýÌí¼Óµ½ÔÊý×鿪ͷ£¬²¢·µ»ØÊý×éµÄ³¤¶È
var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a£º[-2,-1,1,2,3,4,5] b£º7
×¢£ºÔÚIE6.0ϲ ......
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
ÀûÓÃJavascript´´½¨µ¯³öʽ´°¿ÚµÄÄ¿µÄʵ¼ÊÉÏÊÇ´ò¿ªÁíÍâµÄä¯ÀÀÆ÷´°¿Ú¡£Äã¿ÉÒÔÉèÖÃÕâ¸öä¯ÀÀÆ÷´°¿ÚµÄһЩÊôÐÔ£¬Èç¸ß¶È¡¢¿í¶ÈÒÔ¼°ÊÇ·ñÈøô°¿ÚÓÐÒ»¸ö״̬Ìõ»òÕß¹¤¾ßÌõ¡£ÔÚÏÂÃæµÄÀý×ÓÖУ¬ÎÒ½«´°¿ÚÉèÖÃΪ£º350
x 400£¬¼´¸ß¶ÈΪ350ÏñËØ£¬¿í¶ÈΪ400ÏñËØ£»ÆäÖÐÒ²°üÀ¨ÁËÁíÍâµÄһЩÉèÖã¬Èç¹ö¶¯Ìõ£»¶ø½«ÆäËüµÄÉèÖã¨Èç״̬Ìõ¡¢²Ëµ¥Ìõ£© ......
ÕâÒ»ÕÂÎÒÃǽ«»áÖØµã½éÉÜJavaScriptÖм¸¸öÖØÒªµÄÊôÐÔ£¨this¡¢constructor¡¢prototype£©£¬ ÕâЩÊôÐÔ¶ÔÓÚÎÒÃÇÀí½âÈçºÎʵÏÖJavaScriptÖеÄÀàºÍ¼Ì³ÐÆð×ÅÖÁ¹ØÖØÒªµÄ×÷Óá£
this
this±íʾµ±Ç°¶ÔÏó£¬Èç¹ûÔÚÈ«¾Ö×÷Ó÷¶Î§ÄÚʹÓÃthis£¬ÔòÖ¸´úµ±Ç°Ò³Ãæ¶ÔÏówindow£» Èç¹ûÔÚº¯ÊýÖÐʹÓÃthis£¬ÔòthisÖ¸´úʲôÊǸù¾ÝÔËÐÐʱ´Ëº¯ÊýÔÚʲ ......