進來看，讓你躺着就把JavaScript學完了（五）

JavaScript基礎語法5

若是你想成爲一名優秀的java架構師，看這裏 → 樂字節免費公開課（騰訊課堂）

如須要跟多資料請點擊右側（記住入羣暗號：66） → 這是一條不歸路，有禿頭風險，請慎重選擇！

函數

​ 函數，即方法。就是一段預先設置的功能代碼塊，能夠反覆調用，根據輸入參數的不一樣，返回不一樣的值。<font color="red">函數也是對象。</font>

函數的定義

​ 有三種函數定義的方式：函數聲明語句、函數定義表達式、Function構造函數

函數聲明語句

function 函數名([參數列表]){

}
例如：
function foo(){ 
    console.log(1);
} 
foo();

​ 該種方式定義的函數具備聲明提高的效果

foo();   
function foo(){ 
        console.log(1);
} 
// 變量聲明提高
console.log( a );  
var a = 2;

函數定義表達式

​ 以表達式方式定義的函數，函數的名稱是能夠不須要的

var 變量名 = function ([參數列表]) {

}
變量名();
例如：
var fun = function(){
    console.log("Hello");
}
fun();

​ 這種寫法將一個匿名函數賦值給變量。這時，這個匿名函數又稱函數表達式，由於賦值語句的等號右側只能放表達式。

Function構造函數

​ Function構造函數接收任意數量的參數，但最後一個參數始終都被當作是函數體，而前面的參數則列舉出了新函數的參數。

var add = new Function('x','y','return (x + y)');
// 等同於
function add(x, y) {
    return (x + y);
}
add();

<font color="red">注意：</font>

1. js中的函數沒有重載，同名的函數，會被後面的函數覆蓋。
2. js中容許有不定數目的參數，後面介紹arguments對象

函數的參數、調用和return語句

參數

​ 函數運行的時候，有時須要提供外部數據，不一樣的外部數據會獲得不一樣的結果，這種外部數據就叫參數，定義時的參數稱爲形參，調用時的參數稱爲實參

• 實參能夠省略，那麼對應形參爲undefined
• 若函數形參同名（通常不會這麼幹）：在使用時以最後一個值爲準。
• 能夠給參數默認值：當參數爲特殊值時，能夠賦予默認值。
• 參數爲值傳遞，傳遞副本 ；引用傳遞時傳遞地址，操做的是同一個對象。

// 調用函數時，實參能夠省略，則對應形參爲undefined
function add(a , b) {
    console.log(a + "+" + b + "=" + (a + b));
}
add(3,4,5)//3+4=7
add(1);//1+undefined=NaN
add();//undefined+undefined=NaN

// 若函數形參同名（通常不會這麼幹）：在使用時以最後一個值爲準
function add2(a , a) {
    console.log(a);
}
add2(1,2);

// 給參數默認值
function defaultValue(a){
    a = a || "a";
    return a;
}
console.log(defaultValue());
function f(a){
    //若參數a不爲undefined或null，則取自己的值，不然給一個默認值
    (a !== undefined && a !== null) ? a = a : a = 1;
    return a;
}
console.log(f());

// 值傳遞
var num = 12;
function change(n) {
    n = 30;
}
change(num);
console.log(num);
// 引用傳遞
var obj = {name: "tom"};
function paramter(o) {
    o.name = 2;
}
paramter(obj);
console.log(obj.name);
// 給形參o賦予了新的數組
var obj2 = [1, 2, 3];
function paramter2(o){
    o = [2, 3, 4];
    o[1] = 3;
}
paramter2 (obj2);
console.log(obj2)

函數的調用

1. 經常使用調用方式

函數名([實參]);

​ 存在返回值能夠變量接收，若接收無返回值函數則爲undefined。

2. 函數調用模式

function add(a,b){
   return a+b;
} 
var sum = add(1,2) 
console.log(sum);

3. 方法調用模式

var o = {
    m: function(){
         console.log(1); 
    } 
};
o.m();

return

​ 函數的執行可能會有返回值，須要使用return語句將結果返回。return 語句不是必需的，若是沒有的話，該函數就不返回任何值，或者說返回 undefined。

​ 做用：

​ 1. 在沒有返回值的方法中，用來結束方法。

​ 2. 有返回值的方法中，一個是用來結束方法，一個是將值帶給調用者。

函數的做用域

​ 函數做用域：全局 (global variable) 和 局部 (local variable)

1. 全局變量與局部變量同名問題

var box =1; // 全局變量
function display(box){
    var box = 3; // 此處box與全局變量box沒有關係，這裏的box爲傳遞的參數，至關於新聲明的局部變量
    var b = 2; // 局部變量
    console.log("box-->" + box);
}
display();
// b 不能訪問
console.log("b-->" + b);

2. 在函數中定義變量時，若沒有加var關鍵字，使用以後自動變爲全局變量

function fun(){
    a = 100;
}
fun();
alert(a);

內置對象

Arguments   只在函數內部定義，保存了函數的實參 
Array             數組對象 
Date              日期對象，用來建立和獲取日期 
Math             數學對象 
String             字符串對象，提供對字符串的一系列操做

String

◦ charAt(idx)      返回指定位置處的字符
◦ indexOf(Chr)     返回指定子字符串的位置，從左到右。找不到返回-1
◦ substr(m,n)      返回給定字符串中從m位置開始，取n個字符，若是參數n省略，則意味着取到字符串末尾。
◦ substring(m,n)   返回給定字符串中從m位置開始，到n位置結束，若是參數n省略，則意味着取到字符串末尾。
◦ toLowerCase()    將字符串中的字符所有轉化成小寫。
◦ toUpperCase()    將字符串中的字符所有轉化成大寫。
◦ length           屬性，不是方法，返回字符串的長度。

Math

◦ Math.random()    隨機數
◦ Math.ceil()      向上取整，大於最大整數
◦ Math.floor()     向小取整，小於最小整數String

Date

// 獲取日期
◦ getFullYear()    年
◦ getMonth()       月
◦ getDate()        日
◦ getHours()       時
◦ getMinutes()     分
◦ getSeconds()     秒
// 設置日期
◦ setYear()
◦ setMonth()
◦ setDate()
◦ setHours()
◦ setMinutes()
◦ setSeconds()
◦ toLoacaleString() 轉換成本地時間字符串

<font color="red">說明：</font>

1. getMonth()：獲得的值：0~11（1月~12月）
2. setMonth()：設置值時0~11
3. toLocaleString()：可根據本地時間把 Date 對象轉換爲字符串，並返回結果。

對象

​ 對象（object）是 JavaScript 的核心概念，也是最重要的數據類型。JavaScript 的全部數據均可以被視爲對象。JavaScript 提供多個內建對象，好比 String、Date、Array 等等。對象是帶有屬性和方法的特殊數據類型。

​ 簡單說，所謂對象，就是一種無序的數據集合，由若干個「鍵值對」（key-value）構成。經過JavaScript咱們能夠建立本身的對象。 JavaScript對象知足的這種」鍵值對」的格式咱們稱爲JSON格式，之後會見得很是多，即偉大的JSON對象。

{鍵:值, 鍵2:值2,...}

對象的建立

​ JS 建立自定義對象，主要經過三種方式：字面量形式建立對象、經過new Object對象建立 、經過Object對象的create方法建立對象。

字面量形式建立

var 對象名 = {};//建立一個空的對象
var 對象名 = {鍵:值,鍵2:值2,...} 

var obj = {
           'name' : 'hello',
           age : 12,
           sayHello : function () {
                console.log("我是對象中的方法");
           },
           courses : {
                javase : 4,
                javascript : 3
           },
           isLike : true,
           members : [
                {name : "小紅",age : 20},
                {name : "小綠",age : 22},
                {name : "小藍",age : 27},
                {name : "小黃"}
           ]
};

經過new Object建立

var 對象名 = new Object(); // 建立一個空的對象

var obj = new Object();
obj.name = 'zs';
obj.age = 18;
console.log(obj);

經過Object對象的create方法建立

var 對象名 = Object.create(null); 
var obj = Object.create(null);
obj.name = 'ls';
obj.gender = true
console.log(obj);

var objn = Object.create(obj);
objn.age = 18;
console.log(objn);
console.log(objn.gender)

對象的序列化和反序列化

​ 序列化即將JS對象序列化爲字符串，反序列化即將字符串反序列化爲JS對象。JS中經過調用JSON方法，能夠將對象序列化成字符串，也能夠將字符串反序列化成對象 。

// 序列化對象，將對象轉爲字符串
JSON.stringify(object);

// 反序列化，將一個Json字符串轉換爲對象。
JSON.parse(jsonStr);

this

​ this是JavaScript語言的一個關鍵字。

​ 它表明函數運行時，自動生成的一個內部對象，只能在函數內部使用。

​ 隨着函數使用場合的不一樣，this的值會發生變化。可是有一個總的原則，那就是this指的是，調用函數的那個對象。

在函數中使用this

​ 在函數中使用this屬於全局性調用，表明全局對象，經過window對象來訪問。

function test () {
    this.x = 1;
    console.log(this.x);
}
test();
console.log(x); // 至關於定義在全局對象上的屬性 

var x = 10;
console.log(x)  // 10
function test (){
    console.log(this.x)  // 10
    this.x = 1;
    console.log(this.x) // 1
    console.log(this)
}

test();
console.log(x); // 1
console.log(this);

在對象中使用this

​ 在對象中的函數使用this，表明當前的上級對象。

var obj = {
    name : '張三',
    age : 20,
    sayHello : function () {
        console.log(this.name)
        console.log(this)
    }
}
obj.sayHello();

function test (){
console.log(this.x) // 10
this.x = 1;
console.log(this.x) // 1
console.log(this)
}

test();
console.log(x); // 1
console.log(this);

##### 在對象中使用this

​   在對象中的函數使用this，表明當前的上級對象。

```js
var obj = {
    name : '張三',
    age : 20,
    sayHello : function () {
        console.log(this.name)
        console.log(this)
    }
}
obj.sayHello();