需要牢記的JavaScript基礎(chǔ)知識(shí)
聲明(Declarations)
undefined值在布爾類型環(huán)境中會(huì)被當(dāng)作false。
數(shù)值類型環(huán)境中undefined值會(huì)被轉(zhuǎn)換為NaN。
對(duì)一個(gè)空變量求值時(shí),空值 null 在數(shù)值類型環(huán)境中會(huì)被當(dāng)作0來(lái)對(duì)待,而布爾類型環(huán)境中會(huì)被當(dāng)作false
JavaScript 變量感覺(jué)上是被“提升”或移到了所有函數(shù)和語(yǔ)句之前。提升后的變量將返回 undefined 值,所以即使在使用或引用某個(gè)變量之后存在聲明和初始化操作,這個(gè)被提升的引用仍將得到 undefined 值。
由于存在變量聲明提升,一個(gè)函數(shù)中所有的var語(yǔ)句應(yīng)盡可能地放在接近函數(shù)頂部的地方。這大大地提升了程序代碼的清晰度。
(在 ECMAScript 2015 中,let(const)將不會(huì)提升變量到代碼塊的頂部。因此,在變量聲明之前引用這個(gè)變量,將拋出錯(cuò)誤ReferenceError。這個(gè)變量將從代碼塊一開始就處在一個(gè)“暫時(shí)性死區(qū)”,直到這個(gè)變量被聲明為止。)
對(duì)于函數(shù),只有函數(shù)聲明會(huì)被提升到頂部,不包括函數(shù)表達(dá)式。
/* 函數(shù)聲明 */
foo(); // "bar"
function foo() {
console.log("bar");
}
/* 函數(shù)表達(dá)式 表達(dá)式定義的函數(shù),成為匿名函數(shù)。匿名函數(shù)沒(méi)有函數(shù)提升。*/
baz(); // TypeError: baz is not a function
//此時(shí)的"baz"相當(dāng)于一個(gè)聲明的變量,類型為undefined。
由于baz只是相當(dāng)于一個(gè)變量,因此瀏覽器認(rèn)為"baz()"不是一個(gè)函數(shù)。
var baz = function() {
console.log("bar2");
};
全局對(duì)象是 window,你可以通過(guò)指定 window 或 frame 的名字,從一個(gè) window 或 frame 訪問(wèn)另一個(gè) window 或 frame 中聲明的變量。例如,設(shè)想一個(gè)叫 phoneNumber 的變量在文檔里被聲明,你可以在子框架里用 parent.phoneNumber 來(lái)引用它。
常量(Constants)
在同一作用域中,不能用與變量或函數(shù)同樣的名字來(lái)命名常量。然而,對(duì)象屬性是不受保護(hù)的,所以下面的語(yǔ)句執(zhí)行沒(méi)有問(wèn)題。
const MY_OBJECT = {"key": "value"};
MY_OBJECT.key = "otherValue";
數(shù)據(jù)結(jié)構(gòu)和類型
六種是 原型 的數(shù)據(jù)類型 以及 Object 對(duì)象
- Boolean. 布爾值,true 和 false.
- 一個(gè)表明 null 值的特殊關(guān)鍵字。 JavaScript 是大小寫敏感的,因此 null 與 Null、NULL或其他變量完全不同。
- 變量未定義時(shí)的屬性。
- Number. 表示數(shù)字,例如: 42 或者 3.14159。
- String. 表示字符串,例如:”Howdy”
- Symbol ( 在 ECMAScript 6 中新添加的類型).。一種數(shù)據(jù)類型,它的實(shí)例是唯一且不可改變的。
Objects 和 functions 是本語(yǔ)言的其他兩個(gè)基本要素。你可以將對(duì)象視為存放值的命名容器,而將函數(shù)視為你的應(yīng)用程序能夠執(zhí)行的過(guò)程(procedures)。
在涉及加法運(yùn)算符(+)的數(shù)字和字符串表達(dá)式中,JavaScript 會(huì)把數(shù)字值轉(zhuǎn)換為字符串。
x = "The answer is " + 42 // "The answer is 42" y = 42 + " is the answer" // "42 is the answer"
在涉及其它運(yùn)算符(譯注:如下面的減號(hào)'-‘)時(shí),JavaScript語(yǔ)言不會(huì)把數(shù)字變?yōu)樽址@纾ㄗg注:第一例是數(shù)學(xué)運(yùn)算,第二例是字符串運(yùn)算):
"37" - 7 // 30 "37" + 7 // "377"
字符串轉(zhuǎn)換為數(shù)字(converting strings to numbers)
parseInt()和parseFloat()
將字符串轉(zhuǎn)換為數(shù)字的另一種方法是使用單目加法運(yùn)算符。
"1.1" + "1.1" = "1.11.1" (+"1.1") + (+"1.1") = 2.2 // 注:加入括號(hào)為清楚起見(jiàn),不是必需的。
對(duì)象屬性名字可以是任意字符串,包括空串。如果對(duì)象屬性名字不是合法的javascript標(biāo)識(shí)符,它必須用””包裹。屬性的名字不合法,那么便不能用.訪問(wèn)屬性值,而是通過(guò)類數(shù)組標(biāo)記(“[]”)訪問(wèn)和賦值。
var unusualPropertyNames = {
"": "An empty string",
"!": "Bang!"
}
console.log(unusualPropertyNames.""); // 語(yǔ)法錯(cuò)誤: Unexpected string
console.log(unusualPropertyNames[""]); // An empty string
console.log(unusualPropertyNames.!); // 語(yǔ)法錯(cuò)誤: Unexpected token !
console.log(unusualPropertyNames["!"]); // Bang!
注意:
var foo = {a: "alpha", 2: "two"};
console.log(foo.a); // alpha
console.log(foo[2]); // two
//console.log(foo.2); // Error: missing ) after argument list
//console.log(foo[a]); // Error: a is not defined
console.log(foo["a"]); // alpha
console.log(foo["2"]); // two
在ES2015,對(duì)象字面值擴(kuò)展支持在創(chuàng)建時(shí)設(shè)置原型,簡(jiǎn)寫foo:foo分配,定義方法,加工父函數(shù)(super calls),計(jì)算屬性名(動(dòng)態(tài))??傊?,這些也帶來(lái)了對(duì)象字面值和類聲明緊密聯(lián)系起來(lái),讓基于對(duì)象的設(shè)計(jì)得益于一些同樣的便利。
var obj = {
// __proto__
__proto__: theProtoObj,
// Shorthand for ‘handler: handler'
handler,
// Methods
toString() {
// Super calls
return "d " + super.toString();
},
// Computed (dynamic) property names
[ 'prop_' + (() => 42)() ]: 42
};
能在JavaScript的字符串中使用的···特殊字符···
轉(zhuǎn)義字符
// 引號(hào)轉(zhuǎn)義 var quote = "He read /"The Cremation of Sam McGee/" by R.W. Service."; // 轉(zhuǎn)義反斜線 var home = "c://temp"; // 轉(zhuǎn)義換行 一條語(yǔ)句拆成多行書寫 var str = "this string / is broken / across multiple/ lines." console.log(str); // this string is broken across multiplelines. // Javascript沒(méi)有“heredoc”語(yǔ)法,但可以用行末的換行符轉(zhuǎn)義和轉(zhuǎn)義的換行來(lái)近似實(shí)現(xiàn) var poem = "Roses are red,/n/ Violets are blue./n/ I'm schizophrenic,/n/ And so am I."
- javascript之正則表達(dá)式基礎(chǔ)知識(shí)小結(jié)
- JavaScript 語(yǔ)言基礎(chǔ)知識(shí)點(diǎn)總結(jié)(思維導(dǎo)圖)
- extjs 學(xué)習(xí)筆記(一) 一些基礎(chǔ)知識(shí)
- javascript DOM 操作基礎(chǔ)知識(shí)小結(jié)
- JavaScript 基礎(chǔ)知識(shí) 被自己遺忘的
- 7個(gè)JS基礎(chǔ)知識(shí)總結(jié)
- Angularjs基礎(chǔ)知識(shí)及示例匯總
- javascript學(xué)習(xí)筆記(一)基礎(chǔ)知識(shí)
- JavaScript基礎(chǔ)知識(shí)之?dāng)?shù)據(jù)類型
- javascript真的不難-回顧一下基礎(chǔ)知識(shí)
相關(guān)文章
Javascript入門學(xué)習(xí)第一篇 js基礎(chǔ)
這是我看了DOM編程藝術(shù),悟透JavaScript,javascript權(quán)威指南5做的筆記,我資質(zhì)不深,不能寫出高深的文章, 如果你覺(jué)得筆記寫得不好,可以不看我以后的。這篇文章就當(dāng)作浪費(fèi)你幾分鐘。2008-07-07
JavaScript 學(xué)習(xí)筆記之變量及其作用域
前篇文章我們介紹了學(xué)習(xí)javascript所需要的基礎(chǔ)中的基礎(chǔ)知識(shí),今天我們來(lái)更進(jìn)一步,學(xué)習(xí)下javascript變量及其作用域,希望小伙伴們通過(guò)本文能夠有所得。2015-01-01
一起來(lái)學(xué)習(xí)一下JavaScript的事件流
這篇文章主要為大家詳細(xì)介紹了JavaScript的事件流,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-01-01
js取0-9隨機(jī)取4個(gè)數(shù)不重復(fù)的數(shù)字代碼實(shí)例
這篇文章主要介紹了js取0-9隨機(jī)取4個(gè)數(shù)不重復(fù)的數(shù)字,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
利用javascript數(shù)組長(zhǎng)度循環(huán)數(shù)組內(nèi)所有元素
javascript循環(huán)數(shù)組內(nèi)所有元素代碼學(xué)習(xí),大家參考使用吧2013-12-12
javascript開發(fā)技術(shù)大全-第3章 js數(shù)據(jù)類型
字符串類型(string) :由unicode字符、數(shù)字、標(biāo)點(diǎn)符號(hào)組成,在javascript中沒(méi)有char字符類型 ,即使只表示一個(gè)字符,也必須用到字符串2011-07-07

