需要写代码实践的题

1.编写一个javascript函数fn，该函数有一个参数n(数字类型)，其返回值是一个数组，该数组内是n个随机且不重复的数组，且整数取值范围为[2,32];

2.获取10-100的10个数字将其排序

3.不同时候函数调用后所输出的值

4.用递归计算1-100的和

5.实现一个log函数，调用原生的console.log实现,要求每条信息追加个前缀（SF）,并美化一下输入用空格隔开接收日志,并能兼容所有的游览器，例如

log("hello")//=》(sf)hello

5.1接上题,log函数的第二个参数,接收类型参数(默认为"log"),分别调用console的warn方法进行输出,例如:

log("log")//==>(SF)log

log("log","warn")//==>(SF)log //这条信息时调用console.warn输出

6.下面这个ul如何点击每一列的时候alert其index?

<ul id='test'>

　　<li>1</li>

　　<li>2</li>

　　<li>3</li>

</ul>

 7.理解this

8.实现一个函数clone,可以对js的5中数据类型进行值复制

9.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();
new foo.getName();
new foo().getName();
new new foo().getName();
foo().getName();
getName();
//查看输出

1.编写一个javascript函数fn，该函数有一个参数n(数字类型)，其返回值是一个数组，该数组内是n个随机且不重复的数组，且整数取值范围为[2,32];

<script>
    function fn(n){
        var arr = [];
        if(n&&(typeof(n)=="number"?true:(parseInt(n)?true:felse))){//判断n是否存在，n是否是number类型，n是否可以装换为数字
            for(var i = 0;i<n;i++){
                if(i>30) return arr;//如果n大于了取值范围将会死循环，因为要不重复
                var newNum = Math.ceil((Math.random()*30)+2);//2-32（随机数是[0,1)）;
                if(arr.indexOf(newNum)<0)//判断获取到的数字数组中是否存在，存在则i--重新来过，否则个数组赋值
                        arr[i]=newNum
                else i--;
            }
        }
        return arr;
    }
    console.log(fn(5));
</script>

2.获取10-100的10个数字将其排序

function cc() {
var a = [];
for (var i = 0; i < 10; i++) {
    a[i] = parseInt(Math.random() * 90+10);
}
a.sort(function (c, b) {
    return c - b;
})
console.log(a);
}
cc();

3.不同时候函数调用后所输出的值

var fn = null;
function foo() {
  var a = 2;
  var fee = function () {
    console.log(a);
  }
  fn = fee;
}
function fcc() {
  fn();
}
foo();//空  （我以为执行foo的时候可以执行到fee(),得到的结果为2，而fee是需要调用才能执行的，而foo函数没有返回就不会显示结果）
fcc();//2    （在foo执行时，将fee赋值给了全局变量,所以在执行fcc()的时候就可以调用到fee()而打印结果2）

4.用递归计算1-100的和

var sum = 0;
        //递归实现1-100的加
        function addNum(j) {
            if (j > 0) {
                sum +=j;
                j--;
                addNum(j);
            } else {
                alert(sum)
            }
        }
        addNum(100);

5.实现一个log函数，调用原生的console.log实现,要求每条信息追加个前缀（SF）,并美化一下输入用空格隔开接收日志,并能兼容所有的游览器，例如

log("hello")//=》(sf)hello

function log() {
            var arr = [];
            for (var i = 0; i < arguments.length; i++) {
                arr.push("(SF) " + arguments[i]);
            }
            console.log.apply(console, arr);
        }
        log("hello");

5.1接上题,log函数的第二个参数,接收类型参数(默认为"log"),分别调用console的warn方法进行输出,例如:

log("log")//==>(SF)log

log("log","warn")//==>(SF)log //这条信息时调用console.warn输出

function log() {
            var arr = [];
            
            for (var i = 0; i < arguments.length; i++) {
                var re = /^warn$/;
                if (re.test(arguments[i])) {
                    continue;
                }
                arr.push("(SF) " + arguments[i]);
            }
            if (arr.length == arguments.length) {
                console.log.apply(console, arr);
            } else {
                console.warn.apply(console, arr);
            }
            
        }
        log("hello", "warn");
        log("hello");

6.下面这个ul如何点击每一列的时候alert其index?

<ul id='test'>

　　<li>1</li>

　　<li>2</li>

　　<li>3</li>

</ul>

 var ul = document.getElementById('test');
  var lis = ul.getElementsByTagName('li');
  ul.addEventListener('click',function (e) {
    e = e ||window.event;
    var tag = e.target||e.srcElement;
    alert([].indexOf.call(lis,tag)+1);
  });

7.对this的理解

var User = {
      count:1,
      getCount:function(){
          return this.count;
      }
  }
  console.log(User.getCount());//这里打印的是1
  var fun = User.getCount;
  console.log(fun());//这里是undefined (因为var fun = User.getCount;时getCount中的this变为全局的了）

8.实现一个函数clone,可以对js的5中数据类型进行值复制（undefined,string,number,object,boolent）

  function clone(val){
      var newV;
      if(val instanceof Array){
         newV = [];
          //newV = val.concat();
         var i = val.length;
         while(i--){
            newV[i] = clone(val[i]);
         }
      }else if(val instanceof Object){
        newV = {};
        for(var v in val){
          newV[v] = clone(val[v]);
        }
      }else{
          //这里会返回Number,String,Boolean,undefined
          return val;
      }
      return val;
  }

9.输出解释

function foo(){
    getName = function(){alert(1)};//1
    return this;
}
foo.getName = function(){alert(2);}//2
foo.prototype.getName = function(){alert(3)};//3
var getName = function (){alert(4)};//4
function getName(){alert(5)};//5

foo.getName();//输出的是第2个-----2
getName();//输出的是第4个，赋值的优先级很低，会最后赋值，4、5同时定义了getName，4会覆盖5-----4
new foo.getName();//输出第2个  "."的优先级高于"new"  foo.getName()将会执行第2个，new 时会将执行第1个，第一个的getName变为全局变量-----2
new foo().getName();//输出第3个 "new foo()"的优先级高于"."-----3
new new foo().getName();//输出第3个 先"new foo()"再"new foo().getName()"再"new new foo().getName()"-----3
foo().getName();//输出第一个-----1
getName();//输出变为全局变量的第一个-----1