JavaScript基础知识（上）

一、JS两种写法。

• 1.在HTML文件中直接写js代码，通常用：
  <script>具体的js代码</script>
• 2.在HTML中引入外部JS文件。
  <script src="index.js"></script>

二、语法基础。

一、js中的打印。

  console.log('你好调试');

二、定义变量

• 1、基本数据类型

   var age = 20;
   var money = 100.09;
   var name = 'jack';
       name2 = 'rose';
   var result = true;//false
   var scor = null;
  

• 2、字符串拼接

   var newName = name + 'hank' + name2;
   console.log(newName);
  

注意：任何数据类型和str相加都会转换成str

    //- 从左往右执行!
    var str1 = 10 + 10 + '10';//2010
    var str2 = '10' + 10 + 10;//101010
    var str3 = (10 + '10') + 10;//101010
    var str4 = '10' + (10 + 10);//1020
    console.log(str1,str2,str3,str4);

• 3、数组

    var arr = [];
    //往数组里面加东西,name,result,scor是第一点中定义的变量
    arr.push(21,-9,'字符串',name,result,scor,['str','iOS']);
    //输出数组中的内容
    console.log(arr);
    //遍历数组
    for(var i = 0;i<arr.length;i++){
    //            console.log(i,arr[i]);
    }
    //和iOS不同的地方:i不是数组元素,而是数组角标!!
    for(var i in arr){
    //            console.log(arr[i]);
    }
    //从数组中删除数据
    arr.pop();
    console.log(arr);
  

• 4、Math库

  var nums = [10,6,-99,1000];
  //        console.log(Math.max(10,6,-99,1000));
  console.log(Math.max.apply(this,nums));
  

• 5、指定数据类型

  //js中任何变量都是一个 对象!!
    var x = new String;
  

三、JS中的函数。

• 1、加法运算

    function sum(num1,num2) {
        return num1 + num2;
    }
    //如何调用
    var result = sum(12,20);
    console.log(result)
  

• 2、 万能的加法函数

    function sum2(numbers) {
        var result = 0;
        for(var i in numbers){
            result += numbers[i];
        }
        return result;
    }
    var result1 = sum2([3213,23,21,312,321,312,31]);
    console.log(result1);
  

• 3、 匿名函数 -- 相当于OC中的Block -- 相当于Swift中的闭包

   var res = function () {
        console.log('我是匿名函数');
    }
    //调用匿名函数
    function funct(block) {
        block();
    }
    funct(res);
  

• 4、 JS中的闭包!!!

    function func1(num1) {
        return function (num2) {
            return num1 + num2;
        }
    }
    //这里先返回一个函数
    var temp = func1(4);
    //传值进函数,计算返回一个值。
    var num = temp(5);
    console.log(num);
  

• 5、 作用域

    //代码块的作用域
    var t = 'hank'; //全局变量
    if(true){
        var t = 'Dream'; //JS中哥么还是一个全局变量!!
    }
    console.log(t);
    //函数的作用域
    function test() {
        var t = 'Jack';//里面就是局部变量!!!
    }
    test();
    console.log(t);
  

• 6、创建对象并添加属性

    //这是一种写法
    var obj = new Object();//创建一个对象obj
    obj.age = 5;//给对象定义属性
    obj.click = function () { //创建对象函数
        alert("我被单击了");
    }
  
    //另一种写法
    var obj1 = {
        age:5,
        click:function () {
            alert("我也被点击了");
        }
    }