JavaScript學習筆記

視訊連線：JavaScript從零基礎入門到精通

P8 JS 三種書寫位置

在HTML中推薦使用雙引號，在JS中推薦使用單引號

P8 JS 註釋

註釋方式同C++

P15 JS 變數

var myname = prompt('Entern name');
alert(myname);

P26 字串拼接

var myname = prompt('Entern name');
alert(‘My name is’ + myname);

P33 資料型別轉換

parseInt(string)
parseFloat(string)

減號，乘號，除號 隱式轉換

P97 陣列

var arr = new Array();
var arr = [1,2,3];

陣列元素的資料型別可不同

arr[0]
arr.length

增加陣列元素

arr.length = 5;

或

arr[3] = 4；

P115函式

function getSum(num1, num2){
    console.log(num1+num2);
}
getSum(1,2);

P126 argument使用

function fn(){
    console.log(arguments);
}
fn(1,2,3);

arguments是偽陣列

P136 變數作用域

預設全域性作用域，可在函式內呼叫

P141 預解析

js引擎會把js裡面所有的var還有function提升到當前作用域的最前面

• 變數提升：只提升宣告，不提升賦值

console.log(num);
var num = 10;

相當於

var num;
console.log(num);
num = 10;

fun();
var fun = function(){
    console.log(20);
}

相當於

var fun;
fun();
fun = function{
    console.log(20);
}

• 函式提升：把所有函式宣告提升到最前面

P145 建立物件

方法一：

var obj= {
    uname:'Ben',
    age: 18,
    sex: 'male',
    sayHi: function(){
        console.log('Hi');
    }
};

方法二：

var obj = new Object();
obj.uname = 'Ben';
obj.sayHi = function(){
        console.log('Hi');
    }

方法三：建構函式
建構函式首字母大寫，不需要return

function MyObj(uname, age, sex){
    this.uname = uname;
    this.age = age;
    this.sex = sex;
}
var obj1 = new Myobj('Ben', 18, 'male');