JavaScript 基本特性, 變數

Previous流程控制 NextFunction及Callback function

Last updated 6 years ago

JavaScript 基本特性, 變數

直譯式語言的特性

沒先編譯. 一行一行逐行執行.
逐行直行時的特例: Function Hoisting, Function Declartion會被提升到當前scope的最頂端. 參考

除法

在c程式語言裡面, 2/3=0, 3/2=1. 在多數語言也是如此.

在JavaScript程式語言裡, 3/2=1.5, 若要取整數部份則需要用到Math.floor(3/2);//=1;

Exception & Crash & Assert

其他語言會crash但JavaScript不會的case:

var test_array=[1,2], 其大小是2, 但access到超出範圍, e.g. var k = test_array[100].
除以0

JavaScript exception常見case:使用到未宣告的物件

其他語言有的有兩種, 三種, JavaScript只有Exception

Exception可以try-catch, 參考
可以自己製造Exception, 事先做一個如果真的發生時的提醒, 來debug.(上面link有提到)
通常發生Exception如果沒有catch住，程式也會掛掉，不過Browser如果是在本地端發生exception (比如說按一個button執行JavaScropt code時，下一次按button還是會去執行那段code.

記憶體管理

自動回收. 沒有人指到這物件就會被回收掉.

JavaScript 裡的變數自動轉型

在 JavaScript 中，您可以針對不同型別的值執行運算，而不會發生例外狀況。 JavaScript 解譯器會將其中一種資料型別隱含轉換 (或「強制型轉」(Coerce)) 成其他資料型別，然後再執行運算。字串、數字和布林值的強制型轉規則如下：

如果您合併使用數字和字串，數字會強制型轉為字串。
如果您合併使用布林值和字串，布林值會強制型轉為字串。
如果您合併使用數字和布林值，布林值會強制型轉為數字。

變數的宣告跟定義

其他語言function有時也有分宣告declaration 跟定義definition, 但JS主要是變數比較有在分.
沒有宣告跟沒有定義是不同的
1. var x; console.log("x:",x); , print "undefined", no exception
2. console.log("y:",y); , 沒有先宣告但直接使用時, exception如下,exception: Uncaught ReferenceError: y is not defined, 字有包含not defined但其實這case是連宣告也沒有.

變數的copy, 以及 Call by value vs Call by reference

呼叫一個function時傳進去的變數跟function paramter的關係其實就是 copy變數: var x= something; var y=x 一樣. 以下例子.

// copy value
var x = 5;
var y = x;
y = x;
y = 6;
console.log("x:", x); // 5
console.log("y:", y); // 6

// copy reference:
var x = {name:"google"};
var y = x;
y.name = "tesla";
console.log("x:", x); // name: "tesla"
console.log("y:", y); // name: "tesla"

// call by reference
function testChange(z){
  z.name = "microsoft";
}

testChange(x);
console.log("x:", x); // name: "microsoft"

物件變數傳進去function裡的注意事項

function test1(obj){

  // 等於右邊建了個新的物件, 指給obj. 不管原本testObj是什麼值(就算不是null),  
  // 之後obj也都不會改變到testObj  
  obj = {name:"123"};
}

// 常見的assign(等於copy等於"=")整個物件變數的方法之一
function test2(obj){

  // obj = null, outside testObj = null;  
  obj = {name:"123"};
  return obj;
}

var testObj = null;
test1(testObj);
console.log(testObj); // still null

testObj = test2(); //不傳參數進去沒關係, JS的function可以接受參數個數不match.
console.log(testObj); // {name:"123"};

常見的改變物件變數其property的方法

function test2(obj){
  obj.name = "abc"
}
var testObj = {}; //若是null, 傳進去裡面執行obj.name會有exception
test2(testObj);
console.log(testObj); // {name:"abc"}

字串 String

為JavaScript內建基本型別(primitive type)之一(C裡面沒有, C內建是char),`` 跟 "" 都可以用來表示字串. 且JS裡字串為value type.

substring

var str = "Hello world!";
var res = str.substring(1, 4); //(start, end), not includes end
// output: ell

變數檢查, ==, ===, typeof 檢查型別

=== 這個operator 會同時會比較值跟type, == 只會比較值而已.

常見的初始值有下面幾種, 以下幾種的===都各不相等

0
false
"0"
"" , 這前4個用 == 大部份都是true, 只有3&4的==不會等於true
null ,var x= null;常用來表示x是reference type但還未得到值
undefined ,var x;, 宣告但沒有定義
[]
{}

// empty array case
var a =[];
var b =0;
if(a==b){
  //will hit here
}

檢查是那一種type

var d = "test";
console.log(typeof d); //string
if (typeof d == "string"){
  //will hit here
}

// 可用下面方法來run有值時的logic. 有時沒值是因為還留在初始化的狀態.
if(x){
  // 可以用這方式來檢查是否為 0,false,"0","",null, undefind,
  // 都不是才會進來.
}

// 但有個特殊case, 如果x這個變數沒有宣告過, 直接用會exception.可用下面方法

if (typeof x != 'undefined'){
  //如果只是未宣告, 則一定不會進來這邊.
}