JS练习题1

1. 作用域问题+变量提升

1. 函数内部有var n，外部无法访问函数私有变量n。

var n1 = 55;
var n2 = 56;  //经过func()后被修改为300
function func(n, n1){
    //变量提升，相当于
    //var n = 55;
    //var n1 = 56;
    n = 300;
    n1 = 300;
    n2 = 300; //内部没有定义n2, 会访问全局
}
func(n1, n2);
console.log(n1);  //输出55
console.log(n2);  //n2在函数内部被修改,变为300
console.log(n);   //函数内部定义过n，外部无法访问，故报错

2. 函数内部无var n ，所以执行 func(n, n1)后n是全局变量。

var n1 = 55;
var n2 = 56;
function func(n1, n2){
    //变量提升，相当于
    //var n1 = 55;
    //var n2 = 56;
    n = 300;  //函数内部不使用var声明的变量，实际上变成了全局变量，不过需要执行func()
    n1 = 300;
    n2 = 300; 
}
func(n1, n2);
console.log(n1);  //输出55
console.log(n2);  //输出56
console.log(n);   //输出300

3. 引用传递。
   • 栈内存：基本类型变量
   • 堆内存：对象变量

function Person(name, age, salary){
    this.name = name;
    this.age = age;
    this.salary = salary;
}
function f(person){
    person.name = "小明";  //person指向第一个Person
    person = new Person("小红", 19, 20000);  //person指向新的Person
}
var p = new Person("小强", 21, 15000); //在堆内存新建一个Person
console.log(p.name); //小强
f(p);
console.log(p.name); //小明

4. 综合题。原型链方面还不太懂，需要加深学习。

   function Foo(){
       getName = function(){ alert(1) };
       return this;
   }
   Foo.getName = function(){ alert(2); };
   Foo.prototype.getName = function(){ alert(3); };
   var getName = function(){ alert(4); };
   function getName() { alert(5); };
   //根据上述代码，求下列代码按顺序输出结果
   Foo.getName();
   getName();
   Foo().getName();
   getName();
   new Foo.getName();
   new Foo().getName();
   new new Foo().getName();
   

   //变量和函数存在变量提升和函数提升，将原来的7、8行移到前面
   function Foo(){
       getName = function(){ alert(1); };//执行这行时，寻找到11行，并将11行覆盖为alert(1);
       return this;  //指向全局window
   }
   var getName;  //提升后和变量存在名称冲突，优先保留函数，故该行失效
   function getName() { alert(5); }; //该行实际上被覆盖为 alert(4) 了
   /**********上述是提升后的代码*************/
   Foo.getName = function(){ alert(2); };
   Foo.prototype.getName = function(){ alert(3); };
   getName = function(){ alert(4); };  //执行到这行时，原本的第7行代码被覆盖为 alert(4)
   

   开始执行：

   Foo.getName(); //找到第9行，执行 alert(2);
   getName();     //执行第11行，执行 alert(4);
   Foo().getName();//注意运算符优先顺序，执行第3行，由于函数内部未使用var定义gerName，会去全局寻找getName，并将全局getName覆盖为alert(1);
   getName();  //此时getName已经被上一行代码改变，故执行alert(1);
   new Foo.getName(); // new (Foo.getName)()  ->  new ( function(){alert(2);} )()，此时执行 alert(2);
   //实例对象找属性沿着原型链查找
   new Foo().getName();// ( new Foo() ).getName()  ->  foo.getName() ，实例对象foo自身没有getName()，找到第10行，执行 alert(3); 本人这里理解是alert(1)
   new new Foo().getName(); //基本同上一条代码，执行 alert(3);
   

   执行结果： 2 4 1 1 2 3 3

5. 同上

   function Foo(){
       getName = function(){ alert(1) };
       return this;
   }
   Foo.getName = function(){ alert(2); };
   Foo.prototype.getName = function(){ alert(3); };
   var getName = function(){ alert(4); };
   function getName() { alert(5); };
   
   // function Foo(){
   //     getName = function(){ alert(1) };//注意未定义var
   //     return this;
   // }
   // function getName() { alert(5); };
   // 
   // Foo.getName = function(){ alert(2); };
   // Foo.prototype.getName = function(){ alert(3); };
   // getName = function(){ alert(4); };
   
   getName();//4
   Foo().getName();//1
   new Foo.getName();//2
   new Foo().getName();//3
   new new Foo().getName();//3
   

2. 数组相关函数用法问题

1. 将带横杠字符串改为驼峰命名

   split(‘-’): 将字符串根据-进行切割

   substr(1)从第二个字符开始取出后面的字符串

   join()根据某个分隔符将数组连接成字符串

2. 冒泡排序

var beforeBubbleSort = [5, 44, 21, 38, 3, 2, 1, 88, 2, 6, 56, 55];
for (var i = 0; i < beforeBubbleSort.length - 2; i++) {
    for (var j = 0; j < beforeBubbleSort.length-1-i; j++) {
        if (beforeBubbleSort[j] > beforeBubbleSort[j+1]) {
            temp = beforeBubbleSort[j];
            beforeBubbleSort[j] = beforeBubbleSort[j+1];
            beforeBubbleSort[j+1] = temp;
        }
    }
}
console.log(beforeBubbleSort)

3. 反转数组

   var arr = [1, 3, 5, 9, 7];
   for (var i = 0; i < arr.length/2; i++ ) {
       temp = arr[i];
       arr[i] = arr[arr.length - i - 1];
       arr[arr.length - i - 1] = temp
   }
   console.log(arr)
   

4. 去掉数组中重复的数据

   var arr = [1, 2, 3, 3, 4, 5, 6, 6];
   var temp = [];
   temp[0] = arr[0];
   for (var i = 1; i < arr.length; i++) {
       for (var j = 0; j < temp.length; j++) {
           //相同数值则不插入
           if (arr[i] == temp[j]) {
               break;
           }
           //循环到最后一个都没有相同数值，再执行插入操作
           if (j == temp.length - 1) {
               temp.push(arr[i]);
           }
       }
   }
   console.log(temp);