javascript類型系統(tǒng) Window對象學(xué)習(xí)筆記
window對象是Web瀏覽器中javascript的一個(gè)終極兜底兒對象,在作用域中處于最末端,是一個(gè)包含所有對象的對象。所有在全局作用域中定義的屬性和函數(shù)都是window對象的屬性
var myStringVar = 'myString';
var myFunctionVar = function(){};
console.log('myStringVar' in window);//true
console.log('myFunctionVar' in window);//true
1、引用
通常有兩種引用window對象的方法。第一種是簡單引用賦予window對象的名稱;第二種是在全局作用域中使用this關(guān)鍵字
var foo ='bar'; windowRef1 = window; windowRef2 = this; console.log(windowRef1,windowRef2);//輸出window對象的引用 console.log(windowRef1.foo,windowRef2.foo);//'bar' 'bar'
2、特性
window對象是隱式的,通常不顯式引用;即使window對象顯式聲明,它也是隱式的,因?yàn)閣indow對象在作用域鏈中是最后一個(gè)
//window.alert()和alert()語句基本上是相同的
var foo = {//window對象在這里是隱式的,window.foo
fooMethod: function(){
alert('foo' + 'bar');//window對象在這里是隱式的,window.alert
window.alert('foo' + 'bar');//顯式調(diào)用window對象,效果一樣
}
}
foo.fooMethod();//window對象在這里是隱式的,window.foo.fooMethod()
3、屬性
window對象共有18個(gè)屬性
undefined NaN Infinity Boolean String Number Object Array Function Date RegExp Error EvalError RangeError ReferenceError SyntaxError TypeError URIError
[注意]禁止給undefined、NaN和Infinity賦值
4、方法
Javascript附帶一些預(yù)定義函數(shù),被認(rèn)為是window對象的方法
1)、編碼方法
encodeURI():對整個(gè)URI進(jìn)行編碼,用特殊的UTF-8替換所有無效的字符
encodeURI()的不編碼字符有82個(gè):
! # $ & ' ( ) * + , - . / : ; = ? @ _ ~ 0-9 a-z A-Z
encodeURIComponent():對URI的某一段進(jìn)行編碼(常用于GET方法傳遞參數(shù)),用特殊的UTF-8替換所有無效的字符
一般來說,使用encodeURIComponent()比encodeURI()要多,因?yàn)樵趯?shí)踐中更常見的是查詢字符串參數(shù)而不是對基礎(chǔ)URI編碼。encodeURIComponent()的不編碼字符有71個(gè):
! ' ( ) * - . _ ~ 0-9 a-z A-Z
escape():對字符串進(jìn)行編碼,將字符的unicode編碼轉(zhuǎn)化為16進(jìn)制序列
ES3中反對escape()的使用,并建議用encodeURI和encodeURIComponent代替,不過escape()依然被廣泛的用于cookie的編碼,因?yàn)閑scape()恰好編碼了cookie中的非法字符并且對路徑中常出現(xiàn)的“/”不進(jìn)行編碼。escape()的不編碼字符有69個(gè):
* + - . / @ _ 0-9 a-z A-Z
decodeURI():解碼encodeURI()
decodeURIComponent():解碼encodeURIComponent()
unescape():解碼escape()
var uri = "http://www.wrox.com/illegal value.htm#start"; console.log(encodeURI(uri));//http://www.wrox.com/illegal%20value.htm#start console.log(encodeURIComponent(uri));//http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start console.log(escape(uri));//http%3A//www.wrox.com/illegal%20value.htm%23start var uri = 'http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start'; console.log(decodeURI(uri));//http%3A%2F%2Fwww.wrox.com%2Fillegal value.htm%23start console.log(decodeURIComponent(uri));//http://www.wrox.com/illegal value.htm#start console.log(unescape(uri));//http://www.wrox.com/illegal value.htm#start
eval()
eval()方法像一個(gè)完整的ECMAScript解析器,只接受一個(gè)參數(shù),即要執(zhí)行的JavaScript字符串。當(dāng)解析器發(fā)現(xiàn)代碼中調(diào)用eval()方法時(shí),它會(huì)將傳入的參數(shù)當(dāng)作實(shí)際的ECMAScript語句來解析,然后把執(zhí)行結(jié)果插入到原位置。eval()方法能夠解釋字符串的能力非常強(qiáng)大,但也非常危險(xiǎn)。當(dāng)用它執(zhí)行用戶輸入數(shù)據(jù)時(shí),可能會(huì)有惡意用戶輸入威脅站點(diǎn)或應(yīng)用程序字符的代碼,就是所謂的代碼注入
[注意]在嚴(yán)格模式下,外部訪問不到eval()中創(chuàng)建的任何變量或函數(shù),為eval賦值也會(huì)導(dǎo)致錯(cuò)誤
2)、數(shù)字方法
Window對象下還有isFinite()、isNaN()、parseFloat()、parseInt()這四個(gè)關(guān)于數(shù)字的方法
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
- JS window對象的top、parent、opener含義介紹
- js window對象屬性和方法相關(guān)資料整理
- javascript window對象屬性整理
- JavaScript中Window對象的屬性及事件
- JavaScript的document對象和window對象詳解
- JS 使用 window對象的print方法實(shí)現(xiàn)分頁打印功能
- JavaScript瀏覽器對象之一Window對象詳解
- Javascript window對象詳解
- Javascript之BOM(window對象)詳解
- javascript入門之window對象【新手必看】
- JS window對象簡單操作完整示例
相關(guān)文章
javascript字符串循環(huán)匹配實(shí)例分析
這篇文章主要介紹了javascript字符串循環(huán)匹配,實(shí)例分析三種常用的字符串循環(huán)匹配的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JS碰撞運(yùn)動(dòng)實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS碰撞運(yùn)動(dòng)實(shí)現(xiàn)方法,詳細(xì)分析了碰撞運(yùn)動(dòng)的原理及相應(yīng)的javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-12-12
關(guān)于ECharts設(shè)置x軸刻度間隔的兩種方式
這篇文章主要介紹了關(guān)于ECharts設(shè)置x軸刻度間隔的兩種方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
JS實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝的方法
淺拷貝創(chuàng)建一個(gè)新的對象,來接受重新復(fù)制或引用的對象值,如果對象屬性是基本的數(shù)據(jù)類型,復(fù)制的就是基本類型的值給新對象,這篇文章主要介紹了js實(shí)現(xiàn)數(shù)組淺拷貝和深拷貝,需要的朋友可以參考下2024-01-01
js合并數(shù)組對象代碼實(shí)現(xiàn)(將數(shù)組中具有相同屬性對象合并到一起組成一個(gè)新數(shù)組)
項(xiàng)目過程中經(jīng)常會(huì)遇到JS數(shù)組合并的情況,時(shí)常為這個(gè)糾結(jié),這篇文章主要給大家介紹了關(guān)于js合并數(shù)組對象(將數(shù)組中具有相同屬性對象合并到一起組成一個(gè)新數(shù)組)的相關(guān)資料,需要的朋友可以參考下2024-01-01
JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
這篇文章主要介紹了JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域,作者通過建立一個(gè)代理來同步高度調(diào)整,需要的朋友可以參考下2016-02-02
javascript 表格排序和表頭浮動(dòng)效果(擴(kuò)展SortTable)
前段時(shí)間一個(gè)項(xiàng)目有大量頁面用到表格排序和表頭浮動(dòng)的效果,在網(wǎng)上找了幾個(gè)表格排序的js代碼,最后選擇了 Stuart Langridge的SortTable,在SortTable基礎(chǔ)上做了些擴(kuò)展,加上了表頭浮動(dòng)效果及一些小功能。2009-04-04

