javascript 基础
1. 赋值
var o = anything || ' anythig is undefined'; // o 首先会取值 anything, 但如果anything 未定义, 则会取值 'anything is undefined'.
var o = anything && 'anything is not undefined'; //o 首先会取值 'anything is not undefined', 但如果 anything 未定义或空或null,则会取值 anything.
2. 对象字面量
var martin = {};
// martin 不尽是个对象字面量,而且可以作为管理全局变量的命名空间,
// 如我们经常这样使用全局变量 var name = 'hello'; var age = 18; 不好管理,现在可以用martin 装起来 martin = {name:'hello',age:18}
3. 作用域
function myfunction(){
this.myname='belong to caller'; // 属性只属于this的绑定者
alert(myname); //undefined
var myname='belong to function'; // 变量在js中,其作用域是function级别的,没有块级
alert(myname); // belong to function
}
myfunction(); //这样 window是caller, window 拥有 myname
var o= {};
o.toMe=myfunction;
o.toMe(); //这样 o是 caller, o 拥有 myname
4. 变量
内部函数可以访问外部函数的参数和变量,但不能访问其中的 this(如果是以函数形式调用,则可以访问) 和 arguments(有length属性,
可通过arguments[...]获取对象,但它不是数组对象,没有数组其它方法.)
function externalFunc (a,b){
this.e = 5;
var d = 4;
//此时 arguments.length = 3
function internalFunc(){
alert(a); // 1
alert(b); // 2
alert(d); // 4
alert(this.e); // 若externalFunc以 externalFunc(1,2,3) 调用,则为 5;
// 若以 var o ={}; o.callExt=externalFunc; o.callExt(1,2,3) 调用,则为 undefined,
// 如果需要访问,则可以在其外部中定义一个变量来装载this,如我们常见的 var self=this;或var that=this; ,这样 alert(that.e); // 5
alert(arguments[2]); // undefined , 此时只是自身的 arguments, 而非外部函数的 arguments
}
internalFunc();
alert(arguments[2]); // 3
}
externalFunc(1,2,3);
5. 封装、继承、多态
//封装 function Person(name){ this.name= name; }; Person.prototype.getInfo = function(){ return "My name is " + this.name; }; function Student(name){ this.name=name; } //继承 Student.prototype = new Person(); //重写 Student.prototype.getInfo = function(){ return "My name is " + this.name + " and I am a student."; }; function Teacher(name){ this.name=name; } //继承 Teacher.prototype = new Person(); //重写 Teacher.prototype.getInfo = function(){ return "My name is " + this.name + " and I have 40 students."; }; //多态 var persons=[new Student("apple"), new Teacher("mao")]; for (var i=0;i<persons.length;i++){ alert(persons[i].getInfo()); }
6. 闭包:它本身是一个函数,而这个函数又引用了其上下文的环境变量
7. 扩展 jquery
红色字体部分可取值: $.fn 是针对对象的方法扩展;$ 是针对jQuery的扩展方法
格式:
$.extend(boolean,dest,src1,src2...)// true(为默认值): src2 对 src1 深度复制;false:则 src2 对 src1 不深度复制;
或
$.extend(dest,src1,src2...) //dest 可以取值:{}, $或jQuery, $.fn
$.extend($.fn,{ extendName:function(){ var self=this, $someProperty=$('something'); init=function(){ //todo something }; someMethod:function(){ //todo something }; init(); } });
这样使用扩展方法:
$('div').extendName();
如果是红色部分是$不是$.fn,则这样使用
$.extendName();
应用例子
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
获取cookie: function getCookie(sName) { var sCookies = document.cookie ; if ("string" == typeof(sName)) { var sRE = "(?:; )?"+sName+"=([^;]*);?" ; var reRE = new RegExp(sRE) ; if (reRE.test(sCookies)) { return decodeURIComponent(RegExp["$1"]) ; } else { return null ; } } else { return sCookies ; } } 重定向 function redirect(){ var userAgent = navigator.userAgent; if(userAgent){ userAgent = userAgent.toUpperCase(); var mobilePhoneList = ["PAD","IOS","IPHONE","ANDROID","WINDOWS PHONE"]; for(var i=0,len=mobilePhoneList.length;i<len;i++){ if(userAgent.indexOf(mobilePhoneList[i])>-1){ window.location.href = "url"; } } } }
。。。。。