![](https://img-blog.csdnimg.cn/c2944b452b124aed91a10b32148aedc3.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript TypeScript
文章平均质量分 72
学习
coderkey
放弃很容易,但坚持一定很酷
展开
-
javascript函数方法中bind、call、apply的使用和区别
一个数组或者类数组对象,其中的数组元素将作为单独的参数传给。值和参数调用该函数的返回值。若该方法没有返回值,则返回。当目标函数被调用时,被预置入绑定函数的参数列表中的参数。方法不会立即调用函数,而是返回一个修改。返回一个原函数的拷贝,并拥有指定的。只有两个参数,第二个参数为数组;传参相同,多个参数依次传入的;参数传递给目标函数的值。都是对函数进行直接调用,而。值和参数的函数的结果。接收的第一个参数都是。原创 2022-12-15 15:08:44 · 434 阅读 · 0 评论 -
浅拷贝的实现方式
一,Object.assign() 方法二,ES6展开运算符…三,数组合并方法 concat()四,数组剪裁方法 slice()五,注意:浅拷贝拷贝的是引用,它们共享同一块内存,当引用的值改变时,另外一个也会跟着改变;原创 2022-12-07 23:05:07 · 306 阅读 · 1 评论 -
深拷贝的实现方式
一,递归递归去复制所有层级属性二,用JSON对象的parse和stringify实现三,注意(1)深拷贝,是拷贝对象各个层级的属性;(2)与方法,只能拷贝第一层属性,他们都不是真正的深拷贝;原创 2022-12-07 16:30:08 · 1171 阅读 · 0 评论 -
Ajax学习笔记
原生Ajax//1.创建核心对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest();} else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} //2. 建立连接/* 参数:原创 2021-05-18 16:07:23 · 194 阅读 · 3 评论 -
JavaScript系列之ES6篇(1)
一,基础语法1、let命令(1)声明变量 let a; 声明变量且赋值(变量初始化) let a = 100; console.log(a); // 100(2)注意:① 变量不能重复声明 let star = 'ldh'; let star = 'zxy'; console.log(star); // 会报错② 写在代码块里{ }就叫块级作用域, 全局,函数,eval if else while for { let name = 'ldh';原创 2021-07-18 11:54:26 · 161 阅读 · 4 评论 -
JavaScript系列之ES6篇(2)
// 五,对象的简化方式// ES6 允许大括号里面,直接写入变量和函数,作为对象的属性和方法。// let name = ‘pink’;// let change = function (a) {// console.log(‘可以改变我们!’);// };// const school = {// name,// change,// improve() { // 传统方法 improve:function() {}// console.log(‘可原创 2021-07-18 16:12:10 · 146 阅读 · 4 评论 -
JavaScript系列之ES6篇(3)
八,Promise 异步1,Promise 简介(1)含义:promise是ES6引出的新的异步编程的解决方案,语法上promise是一个构造函数,用来封装异步操作并且可以获取其成功或失败的结果。2,简单的promise用例 const p = new Promise(function(resolve,reject){//常用resolve和reject setTimeout(function(){ let data = '数据库中的数据';原创 2021-07-19 11:59:33 · 154 阅读 · 4 评论 -
JavaScript系列之基础篇(1)
一,初识JavaScript1,js三种书写位置1.1,行内js(1)语法: <input type="button" value="点击一下" onclick="alert('Hello world')" />(2)注意:在HTML中我们推荐使用双引号,js中我们推荐使用单引号。1.2,内嵌js(1)语法: <script> alert('Hello World'); </script>(2)注意:可以将多行js代码写原创 2021-06-20 23:15:57 · 137 阅读 · 5 评论 -
JavaScript系列之基础篇(2)
三,数据类型导读1,数据类型简介1.1,为什么需要数据类型(1)含义:在计算机中,不同的数据所需占用的行储全问是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。1.2,变量的数据类型(1)含义:变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到针算机的内存中。 JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。(js的变量数据类型是只有程序原创 2021-06-21 11:58:57 · 170 阅读 · 2 评论 -
JavaScript系列之基础篇(3)
五,流程控制分支结构导读1,流程控制1.1,流程控制概述(1)含义:在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行。流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。2,顺序流程控制2.1,顺序结构(1)含义:顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次原创 2021-06-21 12:27:22 · 103 阅读 · 2 评论 -
JavaScript系列之基础篇(4)
七,数组导读1,什么是数组1.1,数组的概念(1)含义:数组是指一组数据的集合,其中的每个数据被称之为元素,在数组中可以存放任意类型的元素。数组是一种将一组数据储存在单个变量名下的优雅方式。2,数组的创建方式2.1,利用 new 创建数组(1)语法: var 数组名 = new Array( ); var arr = new Array( ); //创建一个新的空数组2.2,利用数组字面量创建数组 [ ](1)语法:1,使用数组字面量方式创建空的数组。var原创 2021-06-21 22:02:12 · 97 阅读 · 0 评论 -
JavaScript系列之基础篇(5)
九,作用域导读1,作用域1.1,作用域概述(1)含义:就是代码变量(名字)在某个范围内起作用和效果,就叫做作用域。目的就是为提高程序的可靠性,减少命名冲突。1.2,全局作用域(1)含义:整个script标签或者是一个单独的js文件1.3,局部作用域(函数作用域)(1)含义:在函数内部就是局部作用域,只在函数内部起效果和作用。2,变量的作用域2.1,变量的作用域的分类(1)含义:在JavaScript中,根据作用域的不同,变量可以分为全局变量和局部变量。2.2,全局变量(1)原创 2021-06-21 22:18:35 · 235 阅读 · 0 评论 -
JavaScript系列之基础篇(6)
十一,内置对象1,什么是内置对象1.1,内置对象的简介(1)含义:内置对象就是指js自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)。(2)类别:JavaSsript中的对象分为3种:自定义对象、内置对象、浏览器对象。2,Math 数学对象2.1,Math 概述(1)含义:Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整,最大值,最小值等)可以使用Math中的成员。(2)语法: Math.P原创 2021-06-22 13:53:21 · 87 阅读 · 0 评论 -
JavaScript系列之Web API篇(1)
一,DOM导读Web API 是浏览器提供的一套操作浏览器功能(BOM)和页面元素(DOM)的API。1,DOM 简介1.1,什么是DOM(1)含义:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HMTL或者XML)的标准编程接口。DOM可以改变网页的内容、结构和样式。1.2,DOM树(1)含义:文档:一个页面就是一个文档 document元素:页面中的所有标签都是元素,element节点:网页中的所有内容都是节点(原创 2021-06-22 14:59:26 · 265 阅读 · 0 评论 -
JavaScript系列之Web API篇(2)
二,事件高级导读1,注册事件(绑定事件)1.1,注册事件概述(1)含义:给元素添加事件,称为注册时间或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式。1,传统注册方式利用on开头的事件onclickbtn.onclick = function ( ) { }特点:注册事件的唯一性。 同一个元素同一个事件著能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数。2,监听注册方式 W3C标准推荐方式。addEventListener( ) 它是一个方法。原创 2021-06-23 23:14:19 · 126 阅读 · 2 评论 -
JavaScript系列之Web API篇(3)
三,BOM导读1,BOM 概述1.1,什么是 BOM(1)含义:BOM(Brower Object Model) 即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM 是由一系列相关的对象构成,并且每个对象都提供了很多方法和属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是 Netscape 浏览器标准的一部分。每个浏览器都有自己的标准。1.2,BOM 的构成(1)含义:原创 2021-06-24 11:49:31 · 179 阅读 · 2 评论 -
JavaScript系列之高级篇(1)
一,面向对象♥1,面向对象的编程介绍1.1,两大编程思想(1)含义:面向过程和面向对象1.2,面向过程编程 POP(Process-oriented Programming)(1)含义:面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。1.3,面向对象编程 OOP(Object Oriented Programming)(1)含义:面向对象是把事务分解成为一个一个对象,然后由对象之间分工与合作。面向对象是以对象功能来划分问题原创 2021-07-03 15:40:42 · 136 阅读 · 2 评论 -
JavaScript系列之高级篇(2)
四,函数高级1,函数的定义和调用1.1,函数的定义方式(1)含义:1,函数声明方式 function 关键字(命名函数)2,函数表达式(匿名函数)3,new Function( )(2)语法:var fn = new Function('参数1','参数2',…'函数体')(3)注意:> 1,`Function` 里面的参数都是必须是字符串格式。 > 2,所有函数都是 `Function` 的实例(对象) (4)例如: <scrip原创 2021-07-07 15:20:06 · 155 阅读 · 1 评论 -
JavaScript系列之高级篇(3)
六,构造函数和原型1,概述(1)含义:在典型的 OOP 的语言中(如 Java),都存在类的概念,类就是对象的模板,但是 ES6 之前,JS 中并没有引入类的概念。ES6,全称ECMAScript 6.0 , 2015.06发版。但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏览器也支持ES6,不过只实现了ES6的部分特性和功能。在ES6之前,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征创建对象可以通过以下三种方式:① 对象字面量② new原创 2021-07-07 15:52:47 · 157 阅读 · 1 评论