DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 需要牢記的JavaScript基礎知識
需要牢記的JavaScript基礎知識
編輯:JavaScript基礎知識     

聲明(Declarations)

undefined值在布爾類型環境中會被當作false。

數值類型環境中undefined值會被轉換為NaN。

對一個空變量求值時,空值 null 在數值類型環境中會被當作0來對待,而布爾類型環境中會被當作false

JavaScript 變量感覺上是被“提升”或移到了所有函數和語句之前。提升後的變量將返回 undefined 值,所以即使在使用或引用某個變量之後存在聲明和初始化操作,這個被提升的引用仍將得到 undefined 值。

由於存在變量聲明提升,一個函數中所有的var語句應盡可能地放在接近函數頂部的地方。這大大地提升了程序代碼的清晰度。

(在 ECMAScript 2015 中,let(const)將不會提升變量到代碼塊的頂部。因此,在變量聲明之前引用這個變量,將拋出錯誤ReferenceError。這個變量將從代碼塊一開始就處在一個“暫時性死區”,直到這個變量被聲明為止。)

對於函數,只有函數聲明會被提升到頂部,不包括函數表達式。

/* 函數聲明 */
foo(); // "bar"  
function foo() {
 console.log("bar");
}  

/* 函數表達式  表達式定義的函數,成為匿名函數。匿名函數沒有函數提升。*/  
baz(); // TypeError: baz is not a function
//此時的"baz"相當於一個聲明的變量,類型為undefined。
由於baz只是相當於一個變量,因此浏覽器認為"baz()"不是一個函數。
var baz = function() {
 console.log("bar2");
};

全局對象是 window,你可以通過指定 window 或 frame 的名字,從一個 window 或 frame 訪問另一個 window 或 frame 中聲明的變量。例如,設想一個叫 phoneNumber 的變量在文檔裡被聲明,你可以在子框架裡用 parent.phoneNumber 來引用它。

常量(Constants)

在同一作用域中,不能用與變量或函數同樣的名字來命名常量。然而,對象屬性是不受保護的,所以下面的語句執行沒有問題。

const MY_OBJECT = {"key": "value"};
MY_OBJECT.key = "otherValue";

數據結構和類型

六種是 原型 的數據類型 以及 Object 對象

  1. Boolean. 布爾值,true 和 false.
  2. 一個表明 null 值的特殊關鍵字。 JavaScript 是大小寫敏感的,因此 null 與 Null、NULL或其他變量完全不同。
  3. 變量未定義時的屬性。
  4. Number. 表示數字,例如: 42 或者 3.14159。
  5. String. 表示字符串,例如:”Howdy”
  6. Symbol ( 在 ECMAScript 6 中新添加的類型).。一種數據類型,它的實例是唯一且不可改變的。

Objects 和 functions 是本語言的其他兩個基本要素。你可以將對象視為存放值的命名容器,而將函數視為你的應用程序能夠執行的過程(procedures)。

在涉及加法運算符(+)的數字和字符串表達式中,JavaScript 會把數字值轉換為字符串。

x = "The answer is " + 42 // "The answer is 42"
y = 42 + " is the answer" // "42 is the answer"

在涉及其它運算符(譯注:如下面的減號'-‘)時,JavaScript語言不會把數字變為字符串。例如(譯注:第一例是數學運算,第二例是字符串運算):

"37" - 7 // 30
"37" + 7 // "377"

字符串轉換為數字(converting strings to numbers)

parseInt()和parseFloat()

將字符串轉換為數字的另一種方法是使用單目加法運算符。

"1.1" + "1.1" = "1.11.1"
(+"1.1") + (+"1.1") = 2.2  // 注:加入括號為清楚起見,不是必需的。

對象屬性名字可以是任意字符串,包括空串。如果對象屬性名字不是合法的javascript標識符,它必須用””包裹。屬性的名字不合法,那麼便不能用.訪問屬性值,而是通過類數組標記(“[]”)訪問和賦值。

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,對象字面值擴展支持在創建時設置原型,簡寫foo:foo分配,定義方法,加工父函數(super calls),計算屬性名(動態)。總之,這些也帶來了對象字面值和類聲明緊密聯系起來,讓基於對象的設計得益於一些同樣的便利。

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的字符串中使用的···特殊字符···

轉義字符

// 引號轉義
var quote = "He read /"The Cremation of Sam McGee/" by R.W. Service.";
// 轉義反斜線
var home = "c://temp";
// 轉義換行 一條語句拆成多行書寫
var str = "this string /
is broken /
across multiple/
lines."
console.log(str);  // this string is broken across multiplelines.
// Javascript沒有“heredoc”語法,但可以用行末的換行符轉義和轉義的換行來近似實現 
var poem = 
"Roses are red,/n/
Violets are blue./n/
I'm schizophrenic,/n/
And so am I."

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved