夜光带你走进 前端工程师（四十一 jS ）

夜光序言：

 

 

守护朋友的方式有很多种

守护恋人的方式只有一个

那就是把她娶回家当老婆

 

 

 

 

 

 

 

 

 

正文：

 

按钮不可用

 

button  不可以用       disabled  不可用的意思

btn.disabled = “disabled”     ||   btn.disabled = true;  

  灰色的

注意：

1. 因为 button是个双标签  所以要更改他的值， 使用 innerHTML 的，不是value。
2. 关闭定时器   clearInterval(定时器名称);    定时器不再进行

 

 

---

 this  

    this 指向的是 事件的调用者 ，或者是函数的使用者。

     var  btn.onclick = function() {  this}

        

 一般情况下，我们喜欢 var that = this;

var that = this;  // 把 btn 对象 给 that  var _this = this;

 

---

 

深层次的看待定时器区别

 

setInterval是排队执行的

假如 间隔时间是1秒， 而执行的程序的时间是2秒    上次还没执行完的代码会排队, 上一次执行完下一次的就立即执行, 这样实际执行的间隔时间为2秒

setTimeout延迟时间为1秒执行, 要执行的代码需要2秒来执行,那这段代码上一次与下一次的执行时间为3秒.

 

​​​​​​​5秒钟自动跳转页面

 

函数自己调用自己的过程 我们称之为 ： 递归调用       

 

但是这样用，一定要加一个退出 if 的条件，不然成为死循环了。

目的就是为了，模拟使用 settimeout 来实现setinterval 的效果。

 

<script>
    var demo = document.getElementById("demo");
    var count = 5;
    var speed = 1000;
    setTimeout(goIndexPage,speed);  //  1秒钟之后去执行  goIndexPage这个函数
    function goIndexPage() {
        count--;
        demo.innerHTML = "<a href='http://www.baidu.com'>本页面将在第"+count+"秒钟之后跳转页面</a>";
        if(count <= 0)
        {
            // 如果 count 小于 0 就到了时间了   我们应该跳转页面
             window.location.href = "http://www.baidu.com";
        }
        else
        {
            setTimeout(goIndexPage,speed);  //  递归调用  自己调用自己
        }
    }

 

 

 

​​​​​​​ arguments 对象

 

 function fn(a,b,c) {  console.log(a+b+c); alert(arguments.length;)}

 fn(1,3,4,6);

     arguments.length;  返回的是  实参的个数。    

     但是这个对象有讲究，他只在正在使用的函数内使用。

     arguments.callee;    

     返回的是正在执行的函数。 也是在函数体内使用。 在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

     function fn() {  console.log(arguments.callee); }   

     这个callee 就是 ：   function fn() {  console.log(arguments.callee); }

 

---

​​​​​​​运算符

 

一元操作符 ++， -- + -       +5   -6

 

逻辑操作符 ! && ||

 

基本运算符 +, -, *, /, %

 

关系操作符 >, <, >=, <=, ===, ==, !=, !==

 = 赋值    == 判断    === 全等     

条件操作符 （三元运算符）  ? :

 

赋值运算符 +=, -=, *=, /=, %=

  a+=5    a= a + 5     

逗号运算符 ,   var  a=0,b=0;  

 

 

---

 

 

​​​​​​​运算符顺序

1  ()

2  !、-、++、--    (-10)  负号  正号

3 *、/、%

4 +、-         10-5

5 <、<=、<、>=    

6 ==、!=、===、!==、  

7 &&

8 ||

9?:

10 =、+=、-=、*=、/=、%=     赋值

1+2*3

---

 

​​​​​​​几个面试题

 1.  a&&b   结果是什么？  

 如果a 为假 ，则返回 a   

 如果a 为真 ，则返回 b

var aa  =   0&&1;

alert(aa)    // 0

var bb =  1&&0;

alert(bb);  //0  

var cc =  1&&10;

alert(cc);  // 10

a||b  

   如果 a 为假   则返回b  

   如果 a 为真   则返回a  

console.log(0||1);   1
console.log(1||0);   1
console.log(1||5);   1
console.log(5||1);   5

 

var a = 1 && 2 && 3;

console.log(a);   3

var b = 0 && 1 && 2;

console.log(b);  0

var c = 1 && 0  && 2;

console.log(c);  0

%=  

 a+=3

 a = a % 3;

---

 

​​​​​​​字符串对象常用方法

 

我们工作中经常进行字符串操作。

 

​​​​​​​转换为字符串

 1. + “”       2+ “”  =  “2”    2+”ab”   =  “2ab” 

 2. String()    转换为字符串

 3. toString（基数）  ;    基数就是进制  

 var txt = 10;

 txt.toString(2)       二进制      1010

 

​​​​​​​获取字符位置方法

   charAt，获取相应位置字符（参数： 字符位置）

   charCodeAt获取相应位置字符unicode编码（参数： 字符位置）

   var txt = “abcedf”;     

   比如，  txt.charAt(4);    索引号一定是从0开始    返回的结果是 d

   我们根据我们输入的 位数 返回相应的 字符 。

   unicode编码  是我们字符的字符的唯一表示 。