IT工程師數位筆記本

alert和弱語言

<script>
    var a;
    a="Helo World";
    alert(a);
    
    a=123;
    alert(a);
</script>

• alert 是彈出提示框

Button和函數

<script>
function showTime() {
    var date = new Date();
    alert(date.toLocaleString());
        }
</script>

<input type="button" name="btnTime" value="顯示當前時間" onclick="showTime()" />

a標簽顯示時間而不跳轉

<a href="javascript:showTime()">顯示當前時間</a>

• 讓a標簽去執行一段js腳本

數據類型

1. boolean 布爾
2. number 數字
3. string 字符串
4. Undefined 未定義
5. Null 空對象
6. Object 對象類型

類型轉換

var str = "101";
alert(parseInt(str) + 1);

判等

• == 用來判斷值是否相等

• === 用來判斷值和類型是否都相同

  var a1;
  var a2 = null;
  if (a1==a2) {
  alert("ok");
  } else {
  alert('no');
  }

• 未定義和null值都是空

isNaN();

• 判斷是否不是一個數字

  var temp = '123';
  alert(isNaN(temp));//返回false ，是數字

• 因為temp可以強轉為數字類型

eval()

eval('alert('abc')');

• 將字符串作為js代碼執行　

函數的定義

<script>
    function add(a,b){
        alert(a+b);
        return a+b;
    }
</script>

函數的可變參數

<script>
    function sum(){
        var a = 0;
        for(var i=0; i<arguments.length; i++){
            a += arguments[i];
        }
        alert(a);
    }

sum(1,2,3,4,5,6,7);
</script>

三種匿名函數

var f1 = function (a, b) {
    alert(a+ b);
};

f1(1, 2);

(function(n1,n2){...})(1,2);

new Function('n1','n2','return n1+n2');

模擬類

<script>
    function Person(name) {
        this.Name = name;
        this.say = function() {
            alert(this.Name);
        };
    }
    var p1 = new Person('Hello World');
    p1.say();
</script>

• typeof(p1) 返回的是一個object
• typeof(Person('123')返回的是undefined
• typeof(typeof(Perosn))返回的是函數

function Person() {

}
var p = new Person();
p.Name = '123';
p.say = function () {
    alert(p.Name);
};

p.say();

原型

• 通過對象給類添加屬性

  function Person() {
  }
  var p = new Person();
  p.__proto__.Title = 'abc';

• 通過對象，找到對象的原型，然后添加屬性

數組

var array = [123,'abc'];
var item = array[0];//訪問
var array1 = {name:'張三', age:18};
var array1['name'];//訪問鍵值對
array1.name;//也可以通過這種方式訪問

• json數組

var temp = [{
    title: 'a',
    age: 18
}, {
    title: 'b',
    age: 20
}];
for (var index in temp) {
    alert(temp[index].title);
}