如初的博客🥝

this解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的 上下文对象。 根据函数的调用方式的不同，this会指向不同的对象：【重要】 1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun(); 2.以方法的形式调用时，this是调用方法的那个对象 3.以构造函数的形式调用时，this是新创建的那个对象 4.使用call和apply调用时，this是指定的那个对象 针对第1条的举例： 12345678910111213141516171819function fun() { console.log(this); console.log(this.name);}var obj1 = { name: "smyh", sayName: fun};var obj2 = { name: "vae", sayName: fun ...

在看本文之前，我们可以先复习上一篇文章：《03-JavaScript基础/12-对象的创建&构造函数.md》 原型对象原型的引入1234567891011121314151617function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; //向对象中添加一个方法 this.sayName = function () { console.log("我是" + this.name); }}//创建一个Person的实例var per = new Person("孙悟空", 18, "男");var per2 = new Person("猪八戒", 28, "男");per.sayName();per2.sayName();console.log(per.sayName ...

之前学习的数据类型，只能存储一个值（字符串为一个值）。如果我们想存储多个值，就可以使用数组。 数组简介数组（Array）是属于内置对象，我们可以在MDN网站上查询各种方法。 数组和普通对象的功能类似，也是用来存储一些值的。不同的是： 普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引来操作元素。索引：从0开始的整数就是索引。 数组的存储性能比普通对象要好。在实际开发中我们经常使用数组来存储一些数据，使用频率非常高。 数组的基本操作数组的元素可以是任意的数据类型，也可以是对象，也可以是函数，也可以是数组。 数组的元素中，如果存放的是数组，我们就称这种数组为二维数组。 创建数组对象方式一：字面量定义。举例： 1var arr = [1,2,3]; 方式二：对象定义（数组的构造函数）。 语法： 1var arr = new Array(参数); 如果参数为空，则表示创建一个空数组；参数位置是一个数值时，表示数组长度；参数位置是多个数值时，表示数组中的元素。 上面的两种方式，我来举个例子： 1234567891011121314// 方式一var arr1 = [11, 12 ...

前言数组的四个基本方法如下： 方法 描述 备注 push() 向数组的最后面插入一个或多个元素，返回结果为该数组新的长度 会改变原数组 pop() 删除数组中的最后一个元素，返回结果为被删除的元素 会改变原数组 unshift() 在数组最前面插入一个或多个元素，返回结果为该数组新的长度 会改变原数组 shift() 删除数组中的第一个元素，返回结果为被删除的元素 会改变原数组 遍历数组的方法如下： 数组的四个基本方法（数组元素的添加和删除）push()push()：向数组的最后面插入一个或多个元素，返回结果为该数组新的长度。 语法： 1数组的新长度 = 数组.push(元素); 代码举例： 123456789var arr = ["王一", "王二", "王三"];var result1 = arr.push("王四"); // 末尾插入一个元素var result2 = arr.push("王五", "王六"); // 末尾插入 ...

内置对象String简单数据类型、复杂数据类型1、简单数据类型： 注意，之前学习的简单数据类型string是无法绑定属性和方法的。比如说： 12345var str = "smyhvae";str.aaa = 12;console.log(typeof str); //打印结果为：stringconsole.log(str.aaa); //打印结果为：undefined 上方代码中，当我们尝试打印str.aaa的时候，会发现打印结果为：undefined。 当然，我们可以打印str.length、srt.indexOf(“m”)等等。因为这两个方法的底层做了数据类型转换。 2、复杂数据类型： 复杂数据类型String是可以绑定属性和方法的。如下： 12345var strObj = new String("smyhvae");strObj.aaa = 123;console.log(strObj);console.log(typeof strObj); //打印结果：Objectconsole.log(strObj.aaa); 打印结 ...

前言JavaScript的组成JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。 事件 JS是以事件驱动为核心的一门语言。 事件的三要素事件的三要素：事件源、事件、事件驱动程序。 比如，我用手去按开关，灯亮了。这件事情里，事件源是：手。事件是：按开关。事件驱动程序是：灯的开和关。 再比如，网页上弹出一个广告，我点击右上角的X，广告就关闭了。这件事情里，事件源是：X。事件是：onclick。事件驱动程序是：广告关闭了。 于是我们可以总结出：谁引发的后续事件，谁就是事件源。 总结如下： 事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM。 代码书写步骤如下：（重要） （1）获取事件源：document.getElementById(“box ...