回顧 JavaScript

歷史及發展

1995年網景公司的布蘭登開發；

1997年7月，ECMA組織發佈ECMAScript 1.0版;

2007年10月發佈3.1版本後不久，ECMAScript 3.1改名爲 ECMAScript 5。

2008年，爲Chrome瀏覽器而開發的V8編譯器誕生

2011年6月，ECMAscript 5.1版發佈，現在使用最爲廣泛的版本;

2015年6月，ECMAScript 6正式發佈，並且更名爲“ECMAScript 2015”;
如何學習JavaScript

JavaScript 的核心語法部分相當精簡，也就是語言本身，只包括兩個部分:
- 基本的語法構造(比如操作符、控制結構、語句)
- 標準庫(就是一系列具有各種功能的對象比如Array、Date、Math等)。
想要實現其他複雜的操作和效果，都要依靠 宿主環境 提供API，目前，已經嵌入 JavaScript 的宿主環境有多種，最常見的環境就是 瀏覽器 和 操作系統 ;

回顧 JavaScript 語法特性
- 變量、數據類型、流程控制
- 函數(基本聲明參數，作用域，回調函數)、面向對象(原型，構造函數，this的指向，new的過程)

六類數據類型

字符串
對象(數組,函數,Object)
布爾
null
undefined
數值

節點操作和計算字符長度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="div">hello</div>
</body>
<script>
    var d = document.getElementById('div');
    d.style.background = 'blue';
    alert(1);

    var s = '123456';
    console.log(s.length);

    
</script>
</html>

遍歷數組

 // 直接量(字面量)
    var ar = ['a','b','c'];
    
    for(var i=0;i<ar.length;i++){
        console.log(ar[i]);
    }

    for(i in ar){
        console.log(ar[i]);
    }


    ar.forEach(function(k,h,v){
        // console.log(k);
        // console.log(h);
        console.log(v);

    })

函數聲明和調用

 var obj1 = {name:'hello',age:56,fun:function(){
        alert(222);
    }};

    console.log(obj1.name)
    console.log(obj1.fun);
    console.log(obj1.fun());

    f1();

    f2();

    // 直接量(字面量)
    // 聲明前後都可以調用
    function f1(){
        console.log(1);
    }

    // 表達式聲明
    // 只能在聲明後調用
    var f2 = function(a,b){
        console.log(2);
        return ;
    }

    f2(1,2)

效果預覽：

內置構造函數請移步 Javascript 構造函數

 	// 在JS中函數被稱爲第一等公民
    // 在JS中函數是一個特殊的數據類型

    var a = 1;
    function f1(f2){
        // console.log(v);
        var a = 2;
        f2();
    }

    // 在 JS 中函數自身的作用域在聲明的地方,而不是調用的地方
    function f2(){
        console.log(a);
    }

    f1(f2);