标签:style class blog c code java
变量命名
变量声明
通过var显式声明(var user),若不声明,则为全局变量,即为window对象的属性,可通过window.user获取,其值为undefined。也可在一条语句中声明多个变量
var a=1, b=2, c=3;
变量可以重复声明
Javascript中,作用域是由函数划分的,而不是由块划分(如while, if, for)。不过代码总要有一个上下文对象,该对象通过this来体现,这个变量永远指向当前代码所处的对象中。
var val="test"; //window.val if(true){ var val="new test"; } document.write("val="+val); //new test function test(){ var val="another test"; document.write("val="+val); //another test } test(); document.write("val="+val); // new test
使用匿名函数将全局变量转化为局部变量
太多的全局变量不是一个好习惯,因为它们可能会影响其他的类库,导致奇怪的现象出现
(function(){ var key="test"; var content=document.getElementById("content"); content.innerHTML=content.innerHTML.replace(/test/g,"<span style=‘color:red;‘>"+key+"</span>"); })();
变量引用
引用是一个指向对象实际位置的指针,多个变量可以引用同一个对象,该对象的类型和值一改变,所有的这些变量也会相应的改变。须注意的是,引用指向的只能是具体的对象,而不是另一个引用,Javascript会沿着引用链一直上溯到原来的那个对象。
var items=["one", "two", "three"]; var array=items; items.push("four"); alert(array.length==4);
函数
可实现函数重载,有能力判断参数数量以及参数类型
arguments判断参数数量
function toArray(){ var arr=[]; for(var i=0;i<arguments.length;i++){ arr.push(arguments[i]); } return arr; } var myArr=toArray(1,2,3,4,5);
typeof和constructor来判断参数类型
变量 | typof 变量 | 变量.constructor |
{key: "value"} | object | Object |
["an","array"] | object | Array |
function(){} | function | Function |
"This is a string" | string | String |
158 | number | Number |
true | boolean | Boolean |
new User | object | User |
null | object | |
undefined | undefined |
if(typeof num==‘string‘){ //... } if(num.constructor==String){ //.... }
var me=new User();
var you=new me.constructor();
公有方法
每个对象都有指向原型的基引用,给原型添加属性后,由该原型实例化的每个对象都会获得这些属性,也就使这些属性公有化了
function User(name,age){ this.name=name; this.age=age; } User.prototype={ //this指的是实例化后的对象 getName: function(){ return this.name; }, getAge: function(){ return this.age; } };
私有方法
不能被外部访问,能被私有属性访问,特权方法访问
function Classroom(students, teacher){ //private method function argumentsCheck(){ if(typeof students!=‘array‘){ throw "Invalid students, expected Array"; } } argumentsCheck(); }
特权方法
能被外部访问,同时能访问私有属性,是动态生成的,而不是第一次编译就有了,比在对象上的prototype上绑定一个方法的开销更大,但功能更强大
function User(name, age){ //private attribute var location=‘shanghai‘; this.name=name; //privileged method this.getAge=function(){ return age; } }
静态方法
静态方法不能在该对象的实例的上下文中访问
function User(name, age){ this.name=name; this.age=age; this.getName=function(){return this.name;} this.getAge=function(){return this.age;} } User.cloneUser=function(user){ return new User( user.getName(), user.getAge() ); } var user=new User(‘bob‘, 14); User.cloneUser(user); user.cloneUser(user); // object user has no method cloneUser
动态添加方法,可实现属性的getter/setter方法,注意使用闭包激发作用域
function User(properites){ for(var i in properties){ (function(which){ var p=i; which["get"+p]=function(){ return properties[p]; } which["set"+p]=function(val){ properties[p]=val; } })(this); } }
总结:
Javascript变量与方法,布布扣,bubuko.com
标签:style class blog c code java
原文地址:http://www.cnblogs.com/derek-hu/p/3734965.html