JavaScript回顾一下js的基础知识，以及学习一下在项目中了解到的新知识

一，var let

var ： js是没有规则非常灵活的一门语言，var 声明的作用域在一个function里而let作用域的范围仅在一个块内。最近维护项目中，遇到这个let 就非常的恼火哈哈，算是接触到新的东西了。参考：https://www.cnblogs.com/asand/p/7205632.html

二，`Math.random()` `Math.floor()`

Math.random(),生成一个在 0 和 1 之间的十进制随机数。

Math.floor(),四舍五入小数点后的最接近的整数

Math.floor(Math.random() * 100); 0~100之间。

三, 常见处理字符串对象函数

indexOf()：用来检查当前字符串是否包含某字符串

slice(x,l)：表示截取位置，l表示截取长度，可忽略l表示截取到字符串末尾
toLowerCase(): 小写转换
toUpperCase():大写转换
replace('x','y'): 字符串替换
split(',') 分割符创建数组

数组方法拓展arr.push(value)数组添加新的元素， 在数组开头添加新元素arr.unshift(4, 5), arr.pop(value)删除数组里的某一项 arr.concat(arrAdd)连接数组    
    splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组
    array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
    　　start指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数，这意味着-n是倒数第n个元素并且等价于array.length-n）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位。
    　　deleteCount 可选整数，表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）。如果 deleteCount 被省略了，或者它的值大于等于array.length - start(也就是说，如果它大于或者等于start之后的所有元素的数量)，那么start之后数组的所有元素都会被删除。如果 deleteCount 是 0 或者负数，则不移除元素。这种情况下，至少应添加一个新元素。
    　　item1, item2, ... 可选要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。
js数组更多属性：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

四，特殊事件

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。

https://www.cnblogs.com/Sarah119/p/7825265.html

五，web浏览器

　　 Window.innerWidth Window.innerHeight：获取窗口对应的大小

六，webStorage

sessionStorage：只要浏览器开着，数据就会一直保存 (关闭浏览器时数据会丢失)

localStorage：而第二种会一直保存数据，甚至到浏览器关闭又开启后也是这样。

设置数据：localStorage.setItem('name','Chris');

读取数据：var myName = localStorage.getItem('name');

　　localStorage.removeItem('name');

七丶Json 丶等常见类型的转换

JSON 是一种按照JavaScript对象语法的数据格式,

常见文本格式化object 转换为Json格式 Json.stringify(object);

 例：
 　var myJSON = { "name" : "Chris", "age" : "38" };   js对象格式化为json格式
   var myString = JSON.stringify(myJSON);
   myString="{"name":"Chris","age":"38"}"

将字符串数字转换为数字类型parseInt()和parseFloat()

八丶异常处理语句

和普遍的编程语言一样在js中也存在着try catch finally这样处理异常的语句，在工作中，维护一个前端代码的过程中，发现处理某段逻辑的时候，之前的同事在这块用到catch来处理某种业务场景，在此记录一下。

try {
  f();
} catch(e) {
  // this is never reached because the throw inside
  // the catch is overwritten
  // by the return in finally
  console.log('caught outer "bogus"');
}

九丶闭包

闭包是 JavaScript 中最强大的特性之一。JavaScript 允许函数嵌套，并且内部函数可以访问定义在外部函数中的所有变量和函数，以及外部函数能访问的所有变量和函数。但是，外部函数却不能够访问定义在内部函数中的变量和函数。这给内部函数的变量提供了一定的安全性。此外，由于内部函数可以访问外部函数的作用域，因此当内部函数生存周期大于外部函数时，外部函数中定义的变量和函数将的生存周期比内部函数执行时间长。当内部函数以某一种方式被任何一个外部函数作用域访问时，一个闭包就产生了。

var pet = function(name) {          //外部函数定义了一个变量"name"
  var getName = function() {            
    //内部函数可以访问 外部函数定义的"name"
    return name; 
  }
  //返回这个内部函数，从而将其暴露在外部函数作用域
  return getName;               
};
myPet = pet("Vivie");
    
myPet();

十丶常用运算符整理

十一丶一元操作符

delete

typeof

　　　typeof操作符可通过下面2种方式使用：

　　　　typeof operand
　　　　typeof (operand)

　　　　typeof 操作符返回一个表示 operand 类型的字符串值。operand 可为字符串、变量、关键词或对象，其类型将被返回。operand 两侧的括号为可选。

instanceof

如果所判别的对象确实是所指定的类型，则返回true。用法：objectName instanceof objectType

　　var theDay = new Date(1995, 12, 17);
　　if (theDay instanceof Date) {
  　　// statements to execute
　　　　}

posted on 2019-05-27 22:01 Ssumer 阅读(341) 评论(0) 编辑收藏举报

刷新页面返回顶部

Ssummer520

学习文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Functions