需要牢記的JavaScript基礎知識
聲明(Declarations)
undefined值在布爾類型環(huán)境中會被當作false。
數(shù)值類型環(huán)境中undefined值會被轉(zhuǎn)換為NaN。
對一個空變量求值時,空值 null 在數(shù)值類型環(huán)境中會被當作0來對待,而布爾類型環(huán)境中會被當作false
JavaScript 變量感覺上是被“提升”或移到了所有函數(shù)和語句之前。提升后的變量將返回 undefined 值,所以即使在使用或引用某個變量之后存在聲明和初始化操作,這個被提升的引用仍將得到 undefined 值。
由于存在變量聲明提升,一個函數(shù)中所有的var語句應盡可能地放在接近函數(shù)頂部的地方。這大大地提升了程序代碼的清晰度。
(在 ECMAScript 2015 中,let(const)將不會提升變量到代碼塊的頂部。因此,在變量聲明之前引用這個變量,將拋出錯誤ReferenceError。這個變量將從代碼塊一開始就處在一個“暫時性死區(qū)”,直到這個變量被聲明為止。)
對于函數(shù),只有函數(shù)聲明會被提升到頂部,不包括函數(shù)表達式。
/* 函數(shù)聲明 */ foo(); // "bar" function foo() { console.log("bar"); } /* 函數(shù)表達式 表達式定義的函數(shù),成為匿名函數(shù)。匿名函數(shù)沒有函數(shù)提升。*/ baz(); // TypeError: baz is not a function //此時的"baz"相當于一個聲明的變量,類型為undefined。 由于baz只是相當于一個變量,因此瀏覽器認為"baz()"不是一個函數(shù)。 var baz = function() { console.log("bar2"); };
全局對象是 window,你可以通過指定 window 或 frame 的名字,從一個 window 或 frame 訪問另一個 window 或 frame 中聲明的變量。例如,設想一個叫 phoneNumber 的變量在文檔里被聲明,你可以在子框架里用 parent.phoneNumber 來引用它。
常量(Constants)
在同一作用域中,不能用與變量或函數(shù)同樣的名字來命名常量。然而,對象屬性是不受保護的,所以下面的語句執(zhí)行沒有問題。
const MY_OBJECT = {"key": "value"}; MY_OBJECT.key = "otherValue";
數(shù)據(jù)結(jié)構(gòu)和類型
六種是 原型 的數(shù)據(jù)類型 以及 Object 對象
- Boolean. 布爾值,true 和 false.
- 一個表明 null 值的特殊關(guān)鍵字。 JavaScript 是大小寫敏感的,因此 null 與 Null、NULL或其他變量完全不同。
- 變量未定義時的屬性。
- Number. 表示數(shù)字,例如: 42 或者 3.14159。
- String. 表示字符串,例如:”Howdy”
- Symbol ( 在 ECMAScript 6 中新添加的類型).。一種數(shù)據(jù)類型,它的實例是唯一且不可改變的。
Objects 和 functions 是本語言的其他兩個基本要素。你可以將對象視為存放值的命名容器,而將函數(shù)視為你的應用程序能夠執(zhí)行的過程(procedures)。
在涉及加法運算符(+)的數(shù)字和字符串表達式中,JavaScript 會把數(shù)字值轉(zhuǎn)換為字符串。
x = "The answer is " + 42 // "The answer is 42" y = 42 + " is the answer" // "42 is the answer"
在涉及其它運算符(譯注:如下面的減號'-‘)時,JavaScript語言不會把數(shù)字變?yōu)樽址@纾ㄗg注:第一例是數(shù)學運算,第二例是字符串運算):
"37" - 7 // 30 "37" + 7 // "377"
字符串轉(zhuǎn)換為數(shù)字(converting strings to numbers)
parseInt()和parseFloat()
將字符串轉(zhuǎn)換為數(shù)字的另一種方法是使用單目加法運算符。
"1.1" + "1.1" = "1.11.1" (+"1.1") + (+"1.1") = 2.2 // 注:加入括號為清楚起見,不是必需的。
對象屬性名字可以是任意字符串,包括空串。如果對象屬性名字不是合法的javascript標識符,它必須用””包裹。屬性的名字不合法,那么便不能用.訪問屬性值,而是通過類數(shù)組標記(“[]”)訪問和賦值。
var unusualPropertyNames = { "": "An empty string", "!": "Bang!" } console.log(unusualPropertyNames.""); // 語法錯誤: Unexpected string console.log(unusualPropertyNames[""]); // An empty string console.log(unusualPropertyNames.!); // 語法錯誤: 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,對象字面值擴展支持在創(chuàng)建時設置原型,簡寫foo:foo分配,定義方法,加工父函數(shù)(super calls),計算屬性名(動態(tài))??傊?,這些也帶來了對象字面值和類聲明緊密聯(lián)系起來,讓基于對象的設計得益于一些同樣的便利。
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)義字符
// 引號轉(zhuǎn)義 var quote = "He read /"The Cremation of Sam McGee/" by R.W. Service."; // 轉(zhuǎn)義反斜線 var home = "c://temp"; // 轉(zhuǎn)義換行 一條語句拆成多行書寫 var str = "this string / is broken / across multiple/ lines." console.log(str); // this string is broken across multiplelines. // Javascript沒有“heredoc”語法,但可以用行末的換行符轉(zhuǎn)義和轉(zhuǎn)義的換行來近似實現(xiàn) var poem = "Roses are red,/n/ Violets are blue./n/ I'm schizophrenic,/n/ And so am I."
相關(guān)文章
caller和callee的區(qū)別介紹及演示結(jié)果
caller返回一個函數(shù)的引用,這個函數(shù)調(diào)用了當前的函數(shù);callee放回正在執(zhí)行的函數(shù)本身的引用,它是arguments的一個屬性,感興趣的你可以參考下或許可以幫助到你2013-03-03javascript 進階篇1 正則表達式,cookie管理,userData
接下來開始我們的進階之路,更實用的技巧分享2012-03-03javascript函數(shù)命名的三種方式及區(qū)別介紹
下面小編就為大家?guī)硪黄猨avascript函數(shù)命名的三種方式及區(qū)別介紹。小編覺得挺不錯的,現(xiàn)在分享給大家,給大家做個參考。一起跟隨小編過來看看吧2016-03-03解讀JavaScript中 For, While與遞歸的用法
本篇文章對JavaScript中 For, While與遞歸的用法進行了詳細的分析介紹。需要的朋友參考下2013-05-05ECMAScript5(ES5)中bind方法使用小結(jié)
這篇文章主要介紹了ECMAScript5(ES5)中bind方法使用小結(jié),bind和call以及apply一樣,都是可以改變上下文的this指向的,需要的朋友可以參考下2015-05-05