JavaScript学习系列博客_30_JavaScript Date 日期对象

Date - 日期的对象,在JS中通过Date对象来表示一个时间 - 创建一个当前的时间对象 var d = new Date(); - 创建一个指定的时间对象 var d = new Date("8/12/2020 23:40:50"); - 方法: getDate() - 当前日期对象是几日(1-31) getDay() - 返回当前日期对象时周几(0-6) - 0 表示周日.1表示周一... getMonth() - 返回当前日期对象的月份(0-11) - 0 表示一月.1表示二…

JavaScript学习系列博客_13_JavaScript中的对象(Object)简介

对象对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性.除了那5种基本数据类型,就是对象. 分类:1.内建对象- 由ES标准中定义的对象,在任何的ES的实现中都可以使用- 比如:Math String Number Boolean Function Object.... 2.宿主对象- 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象- 比如 BOM DOM 3.自定义对象- 由开发人员自己创建的对象…

JavaScript学习系列博客_1_JavaScript简介

这个系列博客主要用来记录本人学习JavaScript的笔记,从0开始,即使有些知识我也是知道的.但是会经常忘记,干脆就写成博客,没事的时候翻来看一看,留下一点学习的痕迹也好.可能写博客的水平暂时不太好,但是慢慢来吧! 想要走前端开发的路,JavaScript是最核心的内容,必须熟练掌握,尽量不要急于求成,把一些东西理解得比较透彻再去接触像vue之类的一些框架,不然学了也等于白学.好,废话不多说,直接开始JavaScript的学习. 首先JavaScript是解释型语言,和Java语言不一样,不需…

JavaScript学习系列博客_31_JavaScript Math 工具类

Math - Math属于一个工具类,它不需要我们创建对象(例如Date日期对象需要通过构造函数创建对象 var 变量=new Date(),Math不需要),它里边封装了属性运算相关的常量和方法我们可以直接使用它来进行数学运算相关的操作 - 方法: Math.PI - 常量,圆周率 Math.abs() - 绝对值运算 Math.ceil() - 向上取整 Math.floor() - 向下取整 Math.round() - 四舍五入取整 Math.random() - 生成一个0-1之间的…

JavaScript学习系列博客_24_JavaScript 原型对象

原型(prototype) - 创建一个函数(所有函数)以后,解析器都会默认在函数中添加一个属性prototype prototype属性指向的是一个对象,这个对象我们称为原型对象. 创建一个函数MyClass(). function MyClass(){} - 当该函数作为构造函数使用,它所创建的对象中都会有一个隐含的属性指向该原型对象. 这个隐含的属性可以通过对象.__proto__来访问.如果这个函数是个普通函数,那么prototype属性也没什么作用. 调用构造函数,创建一个对象. va…

JavaScript学习系列博客_5_JavaScript中的强制类型转换

-强制类型转换为String 1.方式1 调用被转换数据的toString()方法 number类型值.布尔类型值.都可以调用toString()方法强制转换.但是null值和undefined值不行,这两个类型的值没有toString()方法. 补充一下toString方法的知识,其实还可以当一个简单的进制转换器,因为是初学阶段,所以对于这个方法的学习后续再继续补充. 十进制装换为其他进制. .toString(2)表示转换为2进制 .toString(8)表示转换为8进制 .toString…

JavaScript学习系列博客_4_JavaScript中的数据类型

JavaScript中有6种数据类型一.基本数据类型 - String 字符串 JS中的字符串需要使用引号引起来双引号或单引号都行但是要注意的是某种引号嵌套使用的话,需要加上 \ 转义.比如说我们要输出一句话. var str="面试官问我:"你在学校最有价值的经历是什么?"" 这样使用引号是会报错的. 报错原因:你在学校最有价值的经历是什么?这一句首先没有被引号括起来,被识别为标识符,并且是非法的. var str="面试官问我:\"你在学…

JavaScript学习系列博客_2_JavaScript编写位置

JavaScript代码一般编写在哪里呢? 看到这个问题,第一个反应就是,JavaScript那当然是编写在<Script></Script>这对标签中啊!然而! 1.可以编写到标签的指定属性中 <button onclick="alert('写在onclik属性中');">按钮</button> <a href="javascript:alert('写在href属性中');">超链接</a>…

JavaScript学习系列博客_35_JavaScript 正则表达式的使用

正则表达式的使用先说RegExp对象的一个方法 test() - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合则返回true,否则返回false. 1.用正则表达式来检查一个字符串中是否含有字母a var reg = new RegExp("a"); var s="abcdef"; console.log(reg.test(s)); 创建了一个RegExp对象reg,匹配规则是含有字母a,匹配模式没写,然后创建一个字符串s,reg调用方法t…

JavaScript学习系列博客_34_JavaScript RegExp对象

RegExp 对象 RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具. 创建 RegExp 对象的语法(构造函数方式): pattern:正则表达式,attributes:匹配模式 var reg=new RegExp(pattern, attributes); 直接量语法(字面量方式):类似于var obj={}:var arr=[]. var reg=/pattern/attributes…

JavaScript学习系列博客_33_JavaScript String对象

String对象在底层,字符串是以数组的形式保存的.比如说一个字符串"String"以["H","t","r","i","n","g"]形式保存.所以Sting对象有个属性length,可以获取字符串(对象)的长度.其实这个对象加不加都可以,因为字符串变量也会经过包装可以使用String对象的属性和方法. charAt()- 根据索引获取指定的字符 charCode…

JavaScript学习系列博客_32_JavaScript 包装类

包装类 - 在JS中为我们提供了三个包装类: String() Boolean() Number() - 通过这三个包装类可以创建基本数据类型的对象例子: var num = new Number(2); var str = new String("hello"); var bool = new Boolean(true); - 但是在实际应用中千万不要这么干,为什么?因为会出现问题啊! bool是一个对象,转换为boolean值永远都是true. 那这个包装类有什么作用呢? 思考一…

JavaScript学习系列博客_29_JavaScript arguments

arguments (封装实参的对象) 在调用函数时,浏览器每次都会传递进两个隐含的参数:1.函数的上下文对象 this2.封装实参的对象 arguments- arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度- 在调用函数时,我们所传递的实参都会在arguments中保存 - arguments.length可以用来获取实参的长度 - 我们即使不定义形参,也可以通过arguments来使用实参, - arguments对象里边有一个属性叫做callee,这个属性对…

JavaScript学习系列博客_28_JavaScript 数组去重

数组去重 var arr = [1,2,3,2,2,1,3,4,2,5]; //去除数组中重复的数字 //获取数组中的每一个元素 for(var i=0 ; i<arr.length ; i++){ //console.log(arr[i]); /*获取当前元素后的所有元素*/ for(var j=i+1 ; j<arr.length ; j++){ //console.log("---->"+arr[j]); //判断两个元素的值是否相等 if(arr[i] ==…

JavaScript学习系列博客_27_JavaScript 遍历数组

遍历数组 - 遍历数组就是将数组中元素都获取到 - 一般情况我们都是使用for循环来遍历数组: - 使用forEach()方法来遍历数组(不兼容IE8) forEach()方法需要一个回调函数(由我们创建,但是不由我们调用的函数)作为参数,数组中有几个元素,回调函数就会被调用几次,如下图输出了7次. 每次调用时,都会将遍历到的信息以实参的形式传递进来,我们可以定义形参来获取这些信息. 先给回调函数定义三个形参,函数被调用时,浏览器会传递三个实参进来. a:正在遍历的元素 b:正在遍历元素的索引,…

JavaScript学习系列博客_26_JavaScript 数组的一些方法

数组的一些方法 - push() - 用来向数组的末尾添加一个或多个元素,并返回数组新的长度 - 语法:数组.push(元素1,元素2,元素N) - pop() - 用来删除数组的最后一个元素,并返回被删除的元素 - unshift() - 向数组的前边添加一个或多个元素,并返回数组的新的长度 - shift() - 删除数组的前边的一个元素,并返回被删除的元素 - slice() - 可以从一个数组中截取指定的元素 - 该方法不会影响原数组,而是将截取到的内容封装为一个新的数组并返回 - 参数…

JavaScript学习系列博客_25_JavaScript 数组（Array）

数组 - 数组也是一个对象,是一个用来存储数据的对象,和Object类似,但是它的存储效率比普通对象要高. - 数组中保存的内容我们称为元素 - 数组使用索引(index)来操作元素 - 索引指由0开始的整数 - 数组的操作: - 创建数组 var arr = new Array(); var arr = []; - 向数组中添加元素 - 语法: 数组对象[索引] = 值; arr[0] = 123; arr[1] = "hello"; - 创建数组时直接添加元素 - 语法: var…

JavaScript学习系列博客_23_JavaScript 构造函数

构造函数 - 构造函数是专门用来创建对象的函数创建一个对象时,通过构造函数的方式来创建.这是通过Object()这个构造函数来创建的一个实例obj. var obj=new Object(); - 一个构造函数我们也可以称为一个类想要创建一个人的类 function Person(){ } - 构造函数就是一个普通的函数,只是他的调用方式不同, 如果直接调用,它就是一个普通函数. Person(); 如果使用new来调用,则它就是一个构造函数,通过构造函数Person创建了一个per实例.…

JavaScript学习系列博客_22_JavaScript this（上下文对象）

this(上下文对象) - 我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数. 使用this来引用上下文对象,根据函数的调用形式不同,this代表的对象也不同.不同的情况: 1.以函数的形式调用时,this是window对象 2.以方法的形式调用时,this就是调用方法的对象 3.以构造函数的形式调用时,this就是新创建的对象 4.使用call()和apply()调用时,this是指定的那个对象 call()和apply()- 这两个方法都是函数对象的方法,需要通过函数对…

JavaScript学习系列博客_21_JavaScript 变量、函数的提前声明

变量的提前声明(全局作用域) - 我们知道js的代码是自上而下执行的.如下,console.log(a)在var a=10前面,但是结果输出的是undefined. - 使用var关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值):也就是说在执行代码之前凡是var 声明的变量都已经是存在了,就已经是在栈内存中了. - 但是如果声明变量时不适用var关键字,则变量不会被声明提前,会报错. 函数的提前声明(全局作用域) - 创建一个函数有3中方式,其中函数声明方式和上边var 声明变量是…