前端知识点——js篇

Brian_ZXX

已于 2023-03-14 21:06:52 修改

阅读量236

点赞数 1

分类专栏：基础学习文章标签： javascript 前端开发语言

于 2022-10-25 21:52:37 首次发布

本文链接：https://blog.csdn.net/sunygoal/article/details/127521066

版权

本文详细介绍了JavaScript中的数据类型、变量提升、闭包、比较运算符、事件处理、函数的区别、Vue作者尤雨溪的比喻、ES6新特性、跨域解决方案、严格模式限制、异步编程方式以及性能优化策略等核心概念，帮助读者深入理解JavaScript编程。

摘要由CSDN通过智能技术生成

js数据类型

基本数据类型
Number、String、Boolean、Null、Undefined、Symbol、bigInt
引用数据类型
object、Array、Date、Function、RegExp

js变量和函数声明的提升

在js中变量和函数的声明会提升到最顶部执行
函数的提升高于变量的提升
函数内部如果用 var 声明了相同名称的外部变量，函数将不再向上寻找。
匿名函数不会提升。

闭包函数

闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建
好处
- 闭包很有用，因为它允许将函数与其所操作的某些数据（环境）关联起来。
  假如，我们想在页面上添加一些可以调整字号的按钮。一种方法是以像素为单位指定 body 元素的 font-size，然后通过相对的 em 单位设置页面中其他元素（例如header）的字号：
- 可以使用闭包来模拟私有方法。私有方法不仅仅有利于限制对代码的访问：还提供了管理全局命名空间的强大能力，避免非核心的方法弄乱了代码的公共接口部分。

var Counter = (function() {
   
  var privateCounter = 0;
  function changeBy(val) {
   
    privateCounter += val;
  }
  return {
   
    increment: function() {
   
      changeBy(1);
    },
    decrement: function() {
   
      changeBy(-1);
    },
    value: function() {
   
      return privateCounter;
    }
  }
})();

console.log(Counter.value()); /* logs 0 */
Counter.increment();
Counter.increment();
console.log(Counter.value()); /* logs 2 */
Counter.decrement();
console.log(Counter.value()); /* logs 1 */