《Javacript DOM 程式設計藝術》筆記(一)JavaScript Syntax
JavaScript Syntax
- Statements
- Variable and arrays
- Operators
- Conditional statements and looping statements
- Fuctions and objects
Statements
用 ;
結尾
Variable
- var
- 大小寫敏感
- 字母、數字、下劃線、$
- number、string、array
Arrays
使用 Array(4)
關鍵字宣告一個包含4個元素的陣列
var beatles = Arrays(4);
宣告一個不指定元素個數的陣列
var beatles = Array();
給陣列賦值
方法 1:
var beatles = Array(4);
beatles[0] = 'John';
beatles[1] = 'Paul';
beatles[2] = 'George';
beatles[3] = 'Ringo';
方法 2:
var beatles = Array('John', 'Paul', 'George', 'Ringo');
方法 3:
var beatles = ['John', 'Paul', 'George', 'Ringo'];
陣列的元素型別沒有限制
var years = [1940, 1941, 1942, 1943];
var lennon = ['John', 1940, false];
beatles[0] = lennon; // 甚至陣列裡可以放入陣列當作元素
Associative arrays
不推薦使用,應該使用 Object
var lennon = Array();
lennon['name'] = 'John';
lennon['year'] = 1940;
lennon['living'] = false;
Object
var lennon = Object();
lennon.name = 'John';
lennon.year = 1940;
lennon.living = false;
也可以這麼建立一個物件
var lennon = {
name: 'John',
year: 1940,
living: false
};
Arithmetic operators
+
-
*
/
?
%
()
Conditional statements
if (condition) {
statements;
}
Comparison operators
>
<
>=
<=
==
!=
===
!==
Logical operator
&&
||
Looping statement
while loop
while (codition) {
statments;
}
do...while loop
do {
statements;
} while (condition);
for loop
for (initial codition; test condition; alter condition) {
statemetns;
}
Functions
function name(arguments) {
statements;
}
Variable scope
用 var
區分變數的作用域
Object
Object 由兩部分組成
- 屬性
- 方法
所謂屬性
A property is a variable belonging to an object.
所謂方法
A method is a function that the object can invoke.
呼叫方式
Object.property
Object.method()
相關文章
- JavaScript DOM程式設計藝術筆記1JavaScript程式設計筆記
- 《JavaScript Dom程式設計藝術》讀書筆記(一)JavaScript程式設計筆記
- JavaScript DOM 程式設計藝術 學習筆記01JavaScript程式設計筆記
- JavaScript DOM 程式設計藝術 學習筆記 02JavaScript程式設計筆記
- JavaScript DOM程式設計藝術筆記2.1準備工作JavaScript程式設計筆記
- JavaScript DOM 程式設計藝術(第2版) 讀書筆記JavaScript程式設計筆記
- 《JavaScript高階程式設計》筆記:DOM(十)JavaScript程式設計筆記
- JavaScript DOM程式設計藝術第四章 — JavaScript圖片庫案例研究JavaScript程式設計
- 推薦JS入門書:JavaScript DOM程式設計藝術(第2版)JSJavaScript程式設計
- 禪與JavaScript程式設計藝術,ZenandTheArtofJavaScriptProgrammingJavaScript程式設計NaN
- 好程式設計師web前端培訓JavaScript學習筆記DOM程式設計師Web前端JavaScript筆記
- 《JavaScript DOM程式設計藝術》作者談:原型程式碼與生產程式碼之間的矛盾JavaScript程式設計原型
- 【讀書筆記】Java併發程式設計的藝術筆記Java程式設計
- JavaScript非同步程式設計筆記JavaScript非同步程式設計筆記
- JavaScript高階程式設計筆記JavaScript程式設計筆記
- 高效能javascript程式設計筆記JavaScript程式設計筆記
- 《JavaScript程式設計精解》--讀書筆記JavaScript程式設計筆記
- Javascript高階程式設計 學習筆記JavaScript程式設計筆記
- 《JavaScript 高階程式設計》精讀筆記JavaScript程式設計筆記
- JavaScript 藝術之美(一)序言和 JavaScript 語法(卞懂的學習筆記)JavaScript筆記
- 2020/6/11 JavaScript高階程式設計 DOMJavaScript程式設計
- 【Javascript】DOM程式設計學習總結篇JavaScript程式設計
- Redux中的程式設計藝術Redux程式設計
- Michael Feathers:程式設計的藝術程式設計
- Java併發程式設計藝術Java程式設計
- 《java併發程式設計的藝術》記憶體模型Java程式設計記憶體模型
- 《Windows核心程式設計》筆記(一)Windows程式設計筆記
- 【Java併發程式設計的藝術】第二章讀書筆記之原子操作Java程式設計筆記
- Unix哲學(Unix程式設計藝術)程式設計
- 好程式設計師分享JavaScript之-文件物件模型(DOM)程式設計師JavaScript物件模型
- 程式設計,不止有程式碼,還有藝術程式設計
- JavaScript設計模式學習筆記JavaScript設計模式筆記
- 前端筆記之JavaScript(十)深入JavaScript節點&DOM&事件前端筆記JavaScript事件
- QT QML模組的程式設計藝術QT程式設計
- 環境藝術設計 環境藝術設計課程 招聘
- 探秘JavaScript深度領域:精通物件導向程式設計、虛擬DOM等核心技術JavaScript物件程式設計
- 《Java程式設計思想》讀書筆記一Java程式設計筆記
- 《計算機程式設計藝術》作者高德納計算機程式設計