首页 > 编程语言 >JavaScript知识点

JavaScript知识点

时间:2023-11-14 19:31:44浏览次数:42  
标签:知识点 元素 作用域 JavaScript window call 冒泡 事件

JavaScript提供的异步模式

1、回调函数(callbacks)

2、事件监听

3、Promise对象

call、apply的区别

call和apply都是改变this指向的方法,区别在于call可以写多个参数,而apply只能写两个参数,第二个参数是一个数组,用于存放要传的参数。

call和apply的好处

用call和apply实现更好的继承和扩展,更安全。

ajax请求方式

1).getSON(url,[data],[callback])

2).ajax(opiton)

3)$.getScript(url,[callback])

4)jquery对象.load(url,[data],[callback])

5)serialize()与serializeArray()

如何创建一个对象

1、工厂模式

2、构造函数模式

3、原型模式

4、混合构造函数和原型模式

5、动态原型模式

6、寄生构造函数模式

7、稳妥构造函数模式

js的几种继承方式

1、使用对象冒充实现继承

2、采用call、Apply方法改变函数上下文实现继承

3、原型链方式继承

eval

它的功能是把对应的字符串解析成JS代码并运行;应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,—次执行)。

null,undefined的区别

undefined表示变量声明但未初始化的值,null表示准备用来保存对象,还没有真正保存对象的值。从逻辑角度看,null表示一个空对象指针。

JSON

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它是基于JavaScript 的一个子集。数据格式简单,易于读写,占用带宽小。

js延迟加载的方式

defer和async、动态创建DOM方式(用得最多)、按需异步载入js

&&运算符

&&也可以叫逻辑与,在其操作数中找到第一个虚值表达式并返回它,如果没有找到任何虚值表达式,则返回最后一个真值表达式。它采用短路来防止不必要的工作。

||运算符

||也叫或逻辑或,在其操作数中找到第一个真值表达式并返回它。这也使用了短路来防止不必要的工作。在支持ES6默认函数参数之前,它用于初始化函数中的默认参数值。

事件传播

当事件发生在 DOM元素上时,该事件并不完全发生在那个元素上。在“冒泡阶段”中,事件冒泡或向上传播至父级,祖父母,祖父母或父级,直到到达 window为止;而在“捕获阶段”中,事件从window开始向下触发元素事件或event.target。

事件传播的三个阶段

1、捕获阶段事件从 window开始,然后向下到每个元素,直到到达目标元素。

2、目标阶段事件已达到目标元素。

3、冒泡阶段事件从目标元素冒泡,然后上升到每个元素,直到到达window。

事件冒泡

当事件发生在DOM元素上时,该事件并不完全发生在那个元素上。在冒泡阶段,事件冒泡,或者事件发生在它的父代,祖父母,祖父母的父代,直到到达window为止。

事件捕获

当事件发生在DOM元素上时,该事件并不完全发生在那个元素上。在捕获阶段,事件从window开始,一直到触发事件的元素。

event.target

简单来说,event.target,是发生事件的元素或触发事件的元素。

event.currentTarget

event.currentTarget是我们在其上显式附加事件处理程序的元素。

==和===的区别

==用于一般比较,===用于严格比较,==在比较的时候可以转换数据类型,===严格比较,只要类型不匹配就返回flase。

!!运算符

!!运算符可以将右侧的值强制转换为布尔值,这也是将值转换为布尔值的一种简单方法。

作用域

JavaScript中的作用域是我们可以有效访问变量或函数的区域。JS有三种类型的作用域:全局作用域、函数作用域和块作用域(ES6)。

全局作用域——在全局命名空间中声明的变量或函数位于全局作用域中,因此在代码中的任何地方都可以访问它们。

标签:知识点,元素,作用域,JavaScript,window,call,冒泡,事件
From: https://blog.51cto.com/u_16220922/8377237

相关文章

  • 前端学习-JavaScript学习-JavaScript高级程序设计-第2章笔记
    在HTML中使用JavaScript元素<script>元素元素属性MDN<script>:脚本元素属性使用状态描述charset可选、少用字符集defer可选、少用表示脚本可以延迟至文档完全被解析后实行,部分浏览器不支持language废弃编写代码使用的语言src可选包含要执行代码的......
  • 知识点复习-每日一读
    1.编译:编译器能够识别代码中的词汇、句子以及各种特定的格式,并将他们转换成计算机能够识别的二进制形式,这个过程称为编译(Compile)。(C程序->二进制)2.链接:链接(Link)其实就是一个“打包”的过程,它将所有二进制形式的目标文件和系统组件组合成一个可执行文件,编译只是将我们自己写的代码......
  • JavaScript实现Date( ) ——日期格式化的三种常用方法
    Date()介绍Date()基本使用Date()日期对象是构造函数,必须使用new来调用我们的日期对象。若Date()没有参数时返回当前时间若Date(timer)有参数时返回参数设置的时间参数写法:'2012-2-208:54:32'(字符串)返回值格式:SunMay28202323:36:28GMT+0800(中国标准时间)......
  • JavaScript slice 方法用法与实例解析
    在JavaScript中,slice()是一个常用的数组方法,用于从现有数组中提取一部分元素,然后返回一个新的数组。它是一个非常有用的工具,可以帮助你在不改变原始数组的情况下操作数组的子集。本文将介绍slice()的基本概念、使用方法、实践案例和互动练习,以帮助你更好地理解和掌握这一功能......
  • JavaScript - js生成 txt 文件
    JavaScript-js生成txt文件/***方法定义*/functiondownload(filename,text){varelement=document.createElement('a');element.style.display='none';varcontent=encodeURIComponent(text);element.setAttribute('href&#......
  • springboot 3 知识点总结
    一、springboot相关1.类中添加@RestController、方法中添加@GetMapping注解可实现web的路由和数据返回;这两个注解不是springboot的是注解,是springMVC的注解2.在controller的方法中的参数中添加@RequestPara(value="name",defaultValue="word")可以实现浏览器get参数的接收......
  • 开发知识点-Pygame
    PygamePygame最小开发框架与最小游戏游戏开发入门单元开篇Pygame简介安装游戏开发入门语言开发工具的选择Pygame最小开发框架与最小游戏游戏开发入门单元开篇Pygame简介安装游戏开发入门语言开发工具的选择......
  • JavaScript 事件的类型
    单击事件:当用户单击HTML元素时,会触发单击事件,这对于创建响应式和交互式界面至关重要。它们经常用于按钮单击或链接导航等操作,从而增强整体用户体验。鼠标事件:鼠标事件捕获涉及鼠标的用户操作,例如在元素上移动(鼠标悬停)、离开元素(鼠标移出)。为悬停效果或复杂的拖放交互等功能提供......
  • 从理解和实战安排多线程学习-知识点整理
    确认目标一个是对知识点的理解,另外一个是对知识点的运用.相辅相成.同时带着Arthus去观察代码的情况.压测出代码的性能.先阅读书籍,理解知识点,这部分速度要快.然后针对知识点做一些练习,这部分速度略慢,不懂的需要查书.提高难度,挑战一些有创意的编程,去综合实现和......
  • 职场小白必备知识点-传输层常见问题
    传输层的主要功能是什么?分割并重新组装上层提供的数据流,为数据流提供端到端的传输服务。传输层如何区分不同应用程序的数据流?因为,对应传输层而言,它只需要知道目标主机上的哪个服务程序来响应这个程序,而不需要知道这个服务程序是干什么的。因此,我们只需要能够抽象的表示出来这些应......