javascript中的一些注意事項更新中

2019-11-21 00:03:32

字體：大中小

來源：轉載

供稿：網友

一.prototype原型對象，需要注意的原則是：　
　(1). 使用原型可以大量減少每個對象對內存的需求量，因為對象可以繼承許多屬性。
(2). 即使屬性在對象被創建之后才被添加至原型中，對象也能夠繼承這些屬性。
示例代碼：

 
<script type="text/javascript"> 
function print(msg) 
{ 
document.write(msg,'<br/>'); 
} 
function printhr() 
{ 
document.write('<hr/>'); 
} 
print("prototype屬性：<br/>"+ 
"1. 使用原型可以大量減少每個對象對內存的需求量，因為對象可以繼承許多屬性。<br/>"+ 
"2. 即使屬性在對象被創建之后才被添加至原型中，對象也能夠繼承這些屬性。"); 
printhr(); 
function User(name) 
{ 
this.name=name; 
} 
var zhang = new User('老張'); 
zhang.favchannel ='hello'; 
User.prototype.favchannel='CCTV'; 
Object.prototype.qq ='569723660'; 
print(zhang.favchannel); 
print(zhang.qq); 
</script> 

運行結果為：
prototype屬性：
1. 使用原型可以大量減少每個對象對內存的需求量，因為對象可以繼承許多屬性。
2. 即使屬性在對象被創建之后才被添加至原型中，對象也能夠繼承這些屬性。
二.setTimeout和setInterval 兩個函數都定義在window對象中。setTimeout（fun_name,time_minisec）作用是在time時間后運行fun_name函數一次；setInterval(fun_name,time_minisec)作用是每隔time_sec時間都去運行fun_name函數。
示例代碼如下：

復制代碼代碼如下:

 
<html> 
<head></head> 
<body> 
<div id="show"></div> 
<input type="button" value='' id='btntime'></input> 
<script type='text/javascript'> 
function print(msg) 
{ 
document.write(msg,'<br/>'); 
} 
var changetime = function() 
{ 
var d=new Date(); 
var h=d.getHours(); 
var m=d.getMinutes(); 
var sec=d.getSeconds(); 
var ampm=(h>=12)?'PM':'AM'; 
if(h>12) h-=12; 
if(h==0)h=12; 
if(m<10) m='0'+m; 
var t=h+':'+m+':'+sec+" "+ampm; 
var button = document.getElementById('btntime'); 
button.value = "setInterval:"+t; 
} 
changetime(); 
setInterval("changetime()",1000); 
function time_setTimeOut() 
{ 
var d=new Date(); 
var h=d.getHours(); 
var m=d.getMinutes(); 
var sec=d.getSeconds(); 
var ampm=(h>=12)?'PM':'AM'; 
if(h>12) h-=12; 
if(h==0)h=12; 
if(m<10) m='0'+m; 
var t=h+':'+m+':'+sec+" "+ampm; 
document.getElementById('show').innerHTML='setTimeout:'+t; 
setTimeout('time_setTimeOut()',1000); 
} 
time_setTimeOut(); 
</script> 
</body> 
</html> 

三.本地對象，內置對象和宿主對象
1.本地對象包含的內容有 Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError 都是一些 ECMA-262 定義的引用類型。
2.內置對象：由 ECMAScript 實現提供的、獨立于宿主環境的所有對象，在 ECMAScript 程序開始執行時出現(ECMA-262定義)，內置對象只有兩個Global 和 Math ，它們都是本地對象。內置對象就是一種特殊的本地對象。
3.宿主對象：所有非本地對象都是宿主對象（host object），即由 ECMAScript 實現的宿主環境提供的對象。
總之，本地對象，就是那些官方定義好了的對象。內置對象是本地對象的一種，其只包含Global對象和Math對象。而宿主對象則是那些官方未定義，你自己構建的對象加上DOM和BOM對象組成的。

四.Array.prototype.slice.call(_array,begin[,end]) 的使用相當于_array.slice(begin[,end]),不過Array.prototype.slice.call的效率要遠遠高過第二種用法。
示例：
　　function p(msg)
　　{
　　　　document.write(msg,'<br/>');
　　}
　　p(Array.prototype.slice.call([1,2,3,4],2));
　　p([1,2,3,4].slice(2));
運行結果：
　　3,4
　　3,4
(注：記錄一下這些內容只是以后查閱起來方便，作為自己知識積累的記錄。其中有很多是參考網絡上的資源，不再一一寫出出處，還請原作者見諒。)

上一篇：javascript定義函數的方法

下一篇：JavaScript Accessor實現說明