JavaScript沉淀
通过此专栏每个JavaScript都要附上实例的理解,一步一步的把JavaScript的基础打好,不急不躁!
_wayliu
这个作者很懒,什么都没留下…
展开
-
JavaScript 判断数据类型的四种方式
关于JavaScript类型typeofinstanceofconstructor()toString()基本类型:String、Number、Boolean、Symbol、Undefined、Null引用类型:Object除上面6中基本类型,就是引用类型了。Object是引用类型的总称,细分还可以分为Array、Number、String、Function、Boolean等。let b = new Boolean()type of b // "object"instanceof原创 2020-10-15 15:06:25 · 136 阅读 · 0 评论 -
js 数组遍历的几种方式
js数组,表示的是有序的数据集合,是一种特殊的对象,对象是无序的数据结合。for循环for infor eachfor ofes6中数组实例的keys().values()、entries()map、everyvery等函数1.for循环2.for in3.for each4.for of5.es6中数组实例的keys().values()、entries()1.for 循环for循环访问的是数组的下标。const arr = ['a','b','c','d',124]fo原创 2020-10-12 16:02:59 · 853 阅读 · 0 评论 -
01-javaScript数据类型
变量松散类型可以用来保存任何类型的数据变量提升数据类型基本数据类型undefinednullbooleanstringnumber复杂数据类型6.object类型区分typeof true // "boolean"type "wayliu" // "string"typeof 2 // "number"typeof abc // "undefined"typeof null //"object"Null和undefinedtypeo原创 2020-09-27 23:11:42 · 92 阅读 · 0 评论 -
02-JavaScript参数
理解参数js函数不介意传递进来多少个参数,不解以参数的数据类型。js中的参数在内部时用一个arguments对象表示的,函数接收到的始终是这个对象。这个对象与数组类似,arguments[0]function howManyArgs () { console.log(arguments.length)}howManyArgs("string",45) //2howManyArgs() // 0无参数的使用可以利用任意参数功能接收任意个参数并分别实现适当功能function原创 2020-09-28 21:01:07 · 76 阅读 · 0 评论 -
03-JavaScript变量、作用域
基本类型和引用类型的值基本数据类型值:简单的数据段,按值访问。引用类型值:保存在内存中的对象,引用访问。复制变量不同基本类型:在变量对象上创建一个新值,把该值赋值到为新变量分配的位置上。引用类型:不同的是复制的值是一个指针,指向存储在堆中的一个对象,复制结束后,两个变量实际上引用同一个对象。传递参数都是值传递,不过也有不同基本类型:把被传递的值复制给参数。引用类型:把被传递的在内存中的地址复制给参数。监测类型简称基本类型时用typeof,检测引用类型:Object、Array、Str原创 2020-09-28 20:43:31 · 103 阅读 · 0 评论 -
4-1引用类型Object对象
创建var person = new Object();person.name = "wayliu";person.age = 18;//orvar person = { name: "wayliu", age: 18}对象是某个特定引用类型的实例原创 2020-09-28 21:17:27 · 84 阅读 · 0 评论 -
4-2引用类型Array对象
创建Array对象new Array()new Array(size)new Array(element0, element1, …, elementn)var array1 = new Array()//array1 []var array2 = new Array(5)//array2 (5)[empty * 5]var array3 = new Array(1,2,3)//array3 (3) [1, 2, 3]Array对象属性constructor (object.原创 2020-09-25 21:54:26 · 138 阅读 · 0 评论 -
4-3引用类型Boolean对象
创建与转换函数new Boolean(value) //构造函数Boolean(value) // 转换函数// 构造函数var a = new Boolean()a // Boolean {false}转换函数Boolean(1) //trueBoolean 对象属性constructorprototypeBoolean对象方法两个都是转化为Stringconsole.log(a.toString()) // "false"console.log(a) //Bool原创 2020-09-25 22:07:21 · 70 阅读 · 0 评论 -
4-4引用类型Date对象
创建 Date 对象var myDate = new Date()console.log(myDate) //Fri Sep 25 2020 22:09:53 GMT+0800 (中国标准时间)Date 对象属性constructorprototypeDate 方法1.toString()myDate.toString() //"Fri Sep 25 2020 22:09:53 GMT+0800 (中国标准时间)"2.valueOf()Date()的毫秒表示myDate.val原创 2020-09-25 22:19:00 · 75 阅读 · 0 评论 -
4-5引用类型Math 对象
无需创建Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法console.log(Math.PI) //3.141592653589793console.log(Math.sqrt(15)) //3.872983346207417,2的平方根Math 对象属性...原创 2020-09-26 22:29:10 · 235 阅读 · 0 评论 -
4-6引用类型Number 对象
创建Number对象和Boolean、String一样是基本包装类型对象// 创建对象var myNum = new Number(value)var myNum = new Number(12)myNum //Number {12}// 转换类型var myNum = Number(value)var myNum = Number('12')myNum // 112Number 对象属性constructorprototypeMAX_VALUE 可表示的最大数MIN_原创 2020-09-26 23:00:30 · 119 阅读 · 0 评论 -
4-7引用类型String 对象
创建和Boolean、Number属于基本包装类型。new String(s); //创建String(s); //转换var str = new String('123')str //String {"123"}String(true) //"true"String 对象属性constructorprototypelengthString-视觉效果类1.big() // 大号字体显示2.blink() //显示闪动字符串3.bold原创 2020-09-27 01:10:24 · 186 阅读 · 0 评论 -
4-8引用类型Function
理解Function函数实际上是一个对象,每个函数都是Function类型的实例。由于函数是对象,因此函数名实际上是一个指向函数对象的指针。var sum = new Function("num1","num2",“return num1 + num2”)通过上面代码可以理解函数是一个对象,函数名是一个指向函数对象的指针没有重载function addSomeNumber (num) { return num + 100}function addSomeNumber (num) {原创 2020-09-29 00:38:04 · 119 阅读 · 0 评论 -
5-1面向对象之理解对象
理解可以把js对象想象为散列表,无非就是一组键值对,其中值可以是数据或函数。每个对象都是基于一个引用类型创建,之前的4系列等就是引用类型,那些对象都是通过引用类型创建的。创建对象实例3种方式// 使用Object()var person = new Object();person.name = "wayliu";person.age = 18;//or 字面量创建var person = { name: "wayliu", age: 18}// or 使用对象构造器fun原创 2020-09-29 16:01:27 · 123 阅读 · 0 评论 -
5-2面向对象之创建对象
工厂模式原创 2020-09-29 17:25:16 · 372 阅读 · 0 评论 -
5-3面向对象之继承
*1.继承*2.原型链1.继承接口继承 (java等)实现继承js由于没有函数签名无法实现接口继承,只支持实现继承,而且其实现继承主要依靠原型链实现。2.原型链回顾原型对象、构造函数、实例的关系:每个实例都有一个原型(prototype)指向原型对象的指针,而原型对象的属性构造函数也是一个指针,此指针指向原型(prototype)所在的函数。// 被继承:SuperTypefunction SuperType () { this.property = true}// Supe原创 2020-09-30 10:43:42 · 113 阅读 · 0 评论 -
06-JavaScript函数表达式
*1.函数表达式*2.闭包1.函数表达式定义函数方式:函数声明 (有函数声明提升)函数表达式sayhi() //报错var sayhi = function sayhi () { console.log('hi')}sayhi() //hi函数声明和函数表达式的区别就是函数表达式没有函数声明提升,必须等解析器执行到它所在代码才执行。2.闭包...原创 2020-09-30 11:16:20 · 102 阅读 · 0 评论 -
Browser对象-Window
Window 对象属性第一类1.document 文档信息2.Location 当前url信息3.History 历史url信息4.screen 客户端屏幕信息5.navigator 浏览器信息第二类1.文档显示区的高度和宽度window.innerHeight//937window.innerWidth//12412.窗口的外部高度、宽度window.outerHeight//1040window.outerWidth//19203.当前页面相对于窗口显原创 2020-09-27 15:16:55 · 187 阅读 · 0 评论 -
Broswer对象-Navigator对象+Screen+History+Location
Navigator 对象包含有关浏览器的信息。Naviagtor属性常用的就一个navigator.userAgent"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36"原创 2020-09-27 15:31:04 · 171 阅读 · 0 评论 -
JSON
内容理解JSON 语法解析 JSON序列化 JSON关于JSONjson(javascript object notation)javascript对象表示法。一种数据交换格式。语法简单值:与JavaScript相同语法,可以在JSON中表示字符串、数值、布尔值、null。不能表示undefined。对象:一种复杂数据类型,键值对可以是简单值和复杂数据类型值。数组:一种复杂数据类型。简单值JSON字符串表示"hello world"与js字符串的区别是必须使用双引号原创 2020-09-29 19:44:00 · 114 阅读 · 0 评论