js面向对象实例

JSON方式来编写对象
简单不适合多个对象

var json={a:12,
show:function (){
alert(this);
}
};
json.show(); //理所当然弹出的是object(this指的是json)

call函数

function show(){

    alert(this);

}

show();//window

show().call();//和上面的一样也是弹出window call()其实就是调用函数 但又和普通的函数调用有区别

show().call(12);//alert 12而不是'this'(window) 即call可以改变函数执行时的this

function show(a,b){

    alert('this是：'+this+'\na是:'+a+'\nb是:'+b);

}

show(12,5);//弹出window 12 5

show.call('abc',12,5);//只需把第一个参数变成this 后面的还是实参给形参

var arr1=[1,2,3];

var arr2=arr1;//这样也是引用  而不是单单的复制

//改变方法:

var arr3=[];

for(var i=0;i<arr.length;i++){

     arr3.push(arr1[i]);

}

arr3.push(4);

对象由属性(变量)和方法(函数)构成

<script>

function A(){

     this.abc=12;

}

A.prototype.show=function (){

      alert(this.abc);

}

//继承A

function B(){

    //这个this 是指的new B()  这是处在形参位置上的哇

    A.call(this);

    //call()其实就是调用函数 但又和普通的函数调用有区别即call可以改变函数执行时的this

    //通过call来继承属性

}

B.prototype=A.prototype;//继承"方法"  原型这个也是引用！(c语言里的值传递啊引用传递啊) (下面改正)

B.prototype.fn=function (){

    alert('abc');

}

var objB=new B();

var objA=new A();

alert(obj.abc);//

obj.show();

objA.fn();//弹出了对象 按理来说A是没有这个方法的 但是call()这个是引用传递

</script>

//改正方法:

     for(var i in A.prototype){

         B.prototype[i]=A.prototype[i];

     }

1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事件，来对textarea中的值进行范围限制（通过限制keycode的数值），
也可以自定义在页面中的右键菜单（oncontextmenu）。
(<textarea>标签定义及用法
在html中，<textarea>标签是用来定义一个多行的文本输入控件，在文本输入域中可以输入任意长度的文本。文本默认字体是等宽字体（Courier），可以通过css来改变。
在实际应用中，一般会通过cols属性和rows属性来设置textarea控件的尺寸大小（使用 css的height和width属性来设置更佳）。
cols 规定文本区域内可见的宽度 rows 规定文本区域内可见的行数。超行就上滚动条overflow <textarea style="overflow-x:hidden"></textarea>
)
2.在鼠标移动（mousemove）等事件中，是需要给事件传一个参数，保证程序的正常运行。而为了兼容取事件方法为：var oEvent=ev||event;
4、取消事件冒泡（不往父级传递）： cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器。
5、事件绑定：同一个事件加多次函数会被覆盖，而绑定不会。
IE方式：
attachEvent(‘’事件名‘’（前面加有on的），函数)绑定事件处理函数。
detachEvent（‘’事件名‘’（前面加有on的），函数）解除绑定。
DOM方式：
addEventListener（事件名称(没有on)，函数，捕获（一般都为false））
aremoveEventListener（事件名称(没有on)，函数，捕获（一般都为false））
可以同时加很多事件而不相互影响。并且可以封装为函数function(obj,ev,fn)
兼容如下：
if (obtn.attachEvent){IE}else{FF}.

事件捕获：setcapture()将事件都集中在一个地方，但是只有IE支持。

系统对象：
1.本地对象（非静态对象）(和环境无关)
什么是本地对象 (必须得new出来得实例化之后才能用)
常用对象
Object、Function、Array、String、Boolean、Number、Date、RegExp、Error
2.内置对象（静态对象）(和环境无关)
(eg:Math.ceil() √ var obj=new Math() X 事实上Math只用他的类上的方法 )（不需要new出来不需要实例化直接就能拿来用的叫静态对象）
Global、Math
3.宿主对象（由浏览器提供的对象）宿主：js运行环境(一般就是浏览器)
DOM、BOM

巴特西

js面向对象实例

最新文章

热门文章