问题

1.基础类型有哪些？复杂类型有哪些?有什么特征？

在回答该问题之间先介绍一下JavaScript的内存机制：

JavaScript中的内存分为栈内存和堆内存。

• 栈内存：先进后出，寄存速度快，栈数据可共享，由系统自动分配，数据固定不够灵活，空间大小有限制，超出则栈溢出。
• 堆内存：顺序随意，寄存速度比栈内存慢，由程序申请，操作简单，储存空间大（取决于系统有效虚拟内存）
• 基本数据类型分为变量标识和值，均保存在栈内存，变量标识指向其对应的值。
• 引用数据类型相对较为复杂，分为值、值所在堆地址以及变量标识，其中值保存在堆内存中，变量标识和值所在堆地址保存在栈内存，变量标识指向其对应的值所在堆地址。

有了以上的概念再理解基础类型和复杂类型就比较容易了：

• 基础类型：指的是简单的数据段。
  在JavaScript中有五种基本数据类型：undefined、null、boolean、number和string。
  基础类型的变量标识和值均保存在栈内存中，所以可以直接操作保存在变量中的实际值。
• 复杂类型指的是由多个值构成的对象：对象、函数、数组、正则等。
  复杂类型的值是按引用访问的。
  引用类型的值保存在堆内存中，变量标识和值所在堆地址（这里的说法有很多，指针、对象的引用）保存在栈内存。
  操作对象时，实际上是操作是值所在的堆地址而不是实际值。
  举例：

var a = 1;
var b = a;
a = 2;
var c = {
      "name":"hunger"
};
var d =c;
d["name"] = "hunger1";
console.log(a) //2
console.log(b) //1
console.log(c) //{name:"hunger1"}
console.log(d) //{name:"hunger1"}

用内存机制来解析这个例子：

• var a = 1;，步骤：

  • 声明a，查找栈内存中是否存在a，不存在则创建，不管已存在还是新创建的a，都指向undefined
  • 为a赋值，在栈内存中查找 1,无则栈内存中创建1，然后让a指向1;

• var b = a;步骤：

  • 声明b（同声明a的步骤）
  • 为b赋值，在栈内存中查找a，找不到则抛出错误，找到a则让b指向a所指向的1。

• a = 2;步骤：

  • 在栈内存中查找a，未找到则声明一个全局对象a。
  • 让a指向新的值2。

• var c = {"name":"hunger"};步骤：

  • 声明c（同声明a的步骤）
  • 为c赋值，堆内存中创建{"name":"hunger"}，栈内存中创建其堆地址ulr_c,让c指向url_c

• var d =c;步骤：

  • 声明d（同声明a）
  • 为d赋值，在栈内存中查找c，找不到则抛出错误，找到c则让d指向c所指向的url_c。

• d["name"] = "hunger1";步骤：

  • 在栈内存中查找d，找不到则抛出错误，找到d则通过其指向的url_c找到堆内存中的{"name":"hunger"}
  • 修改堆内存中的{"name":"hunger"}为{"name":"hunger1"}

• 输出结果说明：

  • a指向2，输出2。
  • b指向1，输出1。
  • c指向url_c,url_c对应在堆内存中的值{"name":"hunger1"}输出"name":"hunger1"。

• d指向url_c,url_c对应在堆内存中的值{"name":"hunger1"}输出"name":"hunger1"。

参考博客：
JavaScript的变量：变量值的数据类型
Js内存机制详解

2.如下代码的输出？为什么？

var obj1 = {a:1, b:2}; 
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); ////false；由于obj1和obj2对象的指针不同，判断后返回false。
console.log(obj1 = obj2);  //{a:1,b:2} ，重新给obj1赋值，把obj2对象的指针赋值给ojb1。返回ojb2对象实际值。
console.log(obj1 == obj2);//true 此时，obj1和ojb2指针相同，判断后返回true。

代码

1.写一个函数getIntv,获取从当前时间到指定日期的间隔时间。

    function getIntv(time){
        var dif = Date.parse(time) - Date.now();
        var day = Math.floor(dif/(24*60*60*1000));
        var hour = Math.floor(dif%(24*60*60*1000)/(60*60*1000));
        var min = Math.floor(dif%(24*60*60*1000)%(60*60*1000)/(60*1000));
        var sec = Math.floor(dif%(24*60*60*1000)%(60*60*1000)%(60*1000)/1000);
        return "距除夕的日期还有"+day+"天"+hour+"小时"+min+"分钟"+sec+"秒"
    }
    var str = getIntv("2017-01-28");
    console.log(str);

运行结果

2.把数字日期改为中文日期

    function getChsDate(val){
        var zhArr = ["零","一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二", "十三", "十四", "十五", "十六", "十七", "十八", "十九", "二十", "二十一", "二十二", "二十三", "二十四", "二十五", "二十六", "二十七", "二十八", "二十九", "三十", "三十一"];
        var dateStr = new Date(val);
        var year = dateStr.getFullYear().toString();
        var month = dateStr.getMonth()+1;//date对象的月份是从0开始算起，所以为了和中文索引匹配，这里要加上1。
        var day = dateStr.getDate();
        var resultYear = "";
        for(var i=0; i < year.length; i++){
            resultYear += zhArr[Number(year.substr(i,1))];
        };
        var resultMonth = zhArr[month];
        var resultDay = zhArr[day];
        return resultYear+"年"+resultMonth+"月"+resultDay+"日";
    }
    var str = getChsDate('2015-03-08');
    console.log(str);

运行结果

3.写一个函数获取n天前的日期

        function getLastNDays(n){
            var dif= new Date(Date.now() -n*24*60*60*1000);
            var year = dif.getFullYear();
            var month = dif.getMonth()+1;
            if(month < 10){
                month = "0"+month;
            }
            var day = dif.getDate();
            return year + "-"+month+"-"+day;
        }
        var lastWeek =  getLastNDays(7); // ‘2016-01-08’
        var lastMonth = getLastNDays(30);  //'2015-12-15'

运行结果

4.完善如下代码，用于获取执行时间如：

        var Runtime = (function() {
            var startTime,endTime;
            var obj = {
                start:function(){
                    startTime = Date.now()//当前时间
                },
                end:function() {
                    endTime = Date.now() //结果时间
                },
                get:function(){
                    return endTime- startTime;//获取执行时间
                }
            };
            return obj;
        }());
        Runtime.start();
        for(var i=0; i<10000; i++){
            console.log(1)
        }
        Runtime.end();
        console.log(Runtime.get());

运行结果

5.楼梯有200级，每次走一级或是2级，从底到顶一共有多少种走法？用代码（递归）实现。

思路：
1.当走一级楼梯时，只有1种走法，
2.当走二级楼梯时，有2种走法；
3.当走三级楼梯时，要么从一级楼梯上跨2级，要么从二级楼梯上跨1级，所以，三级楼梯的走法是走一级楼梯的方法加上走二级楼梯的方法，即3种走法。
4.当走四级楼梯时，同样的思路，要么从二级楼梯上跨2级，要么从三级楼梯上跨一级，所以，四级楼梯的走法是走二级楼梯的方法加上走三级楼梯的方法，即5种走法。
5.以此类推，n级楼梯的走法，就是走(n-2)级楼梯的方法加上走(n-1)级楼梯的方法。

代码：

        function takeStairs(n){
            if(n === 1){
                return 1;
            }else if(n === 2){
                return 2;
            } else {
                return takeStairs(n-2)+takeStairs(n-1);
            }
        }
   //由于200级数据太大，浏览器无响应，所以测试了一些小数据。

运行结果

6.写一个json对象深拷贝方法，json对象可以多次嵌套，值可以是字符串、数字、布尔、json对象中的任意项。

        function copyJson(json){
            var newJson = {};
            for (var key in json) {
                if(typeof json[key] === "object"){
                    newJson[key] = copyJson(json[key]);
                }else {
                    newJson[key] = json[key];
                }
            }
            return newJson;
        }
        var json=  {
            "title": "Professional JavaScript",
            "authors":  [
                "Nicholas C. Zakas"
            ],
            "edition": 3,
            "year": 2011
        }
        console.log(copyJson(json));

运行结果

本文版权归本人和饥人谷所有，转载请注明来源。