前端学习一JS数据类型

<!doctype html>
<html>
<head>
<title>JS数据类型</title>
<script>
    window.onload = function(){
        var str = 'aa';//string
        var num = 123;//number
        var bool = true;//boolean
        var und = undefined;//undefined
        var n = null;//object
        var arr = [];//object
        var obj = {};//object
        var fun = function(){};//function
        console.log(typeof str);

        //三大引用类型
        //1、数组
        //第一种使用array构造函数
        var arr = new Array();
        arr[0]='a';
        var arr2 = new Array('x','y','z');
        //第二种字面量表示法
        var arr3 = ['x','y','z'];
        //2、object对象
        //第一种通过object构造函数
        var persion = new Object();
        persion.name = 'aaaa';
        persion['age'] = 18;
        persion[age] = 18;//此处age表示变量
        //第二种字面量表示法
        //简单字面量
           var persion2 = {};
           persion2.name = 'aaaa';
           persion2['age'] = 18;
           persion.action=function(){
             console.log(this.name);//this表示当前对象persion2
           };
           //嵌套字面量
           var persion3={
               //json属性名必须是双引号，此处不是json
               name:'jack',
               'name1 name2':'jack',//空格，横线等特殊字符以及保留字时加‘’
               'name1-name2':'jack',
               age:20,
               actionLfunction(){
                   console.log(this.name);
               }
           };
           //第三种工厂方式
           function createObj(){
               var obj = new Object();
               obj.name='aa';
               obj.showName = function(){
                   return this.name;
               };
               return obj;
           };
           var p = createObj();
           p.showName();
           //第四种构造函数 首字母大写  驼峰命名
           function CreateObj2(name){
              this.name = name;
              this.showName = function(){
                  console.log(this.name);
              };
           };
           var p2 = new CreateObj2('bb');
           p2.showName();
        //3、function
        //函数声明,该方法的使用在上面和下面都能执行
        //sum(3,3)=6;
        function sum(n1,n2){
            return n1+n2;
        };//sum(3,3)=6;
        //函数表达式，该方法的执行必须在下面
        var sum2 = function(n1,n2){
            return n1+n2;
        };//sum(3,3)=6;
        //值类型与引用类型
        var a = 10;
        var b = a;
        a=15;
        console.log(b);//10
        //引用类型
        var a = {age:20};
        var b= a;
        b.age=30;
        console.log(a.age);//30

        var arr = [1,2,3,4];
        var arr2 = arr;
        arr2[0] = 100;
        console.log(arr[0])//100;
    }
</script>
</head>
<body>
</body>
</html>
前端学习一JS数据类型

猜你喜欢
