![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
起风了9527
这个作者很懒,什么都没留下…
展开
-
javaScript的数据转换
一. 转换为字符类型的函数1.toString()示例代码与运行结果2.Strin()函数示例代码var num=18;var char= String(num);alert (typeof char);3.使用拼接字符示例代码var age = 18;var str = age + "岁";console.log(str);二.转换为数值类原创 2017-07-28 16:41:31 · 245 阅读 · 0 评论 -
变量的提升是分作用域的,变量的搜索原则
先来看下变量的提升规则1.JavaScript代码在预解析阶段,会对以var声明的变量名,和function开头的语句块,进行提升操作 2.变量和函数同名 在提升的时候,如果有变量和函数同名,会忽略掉变量,只提升函数 3. 函数同名,如何提升 预处理的时候,会将两个函数全部提升,但是后面的函数会覆盖掉前面函数如下代码 console.log(a);//undefined原创 2017-11-26 18:39:43 · 231 阅读 · 0 评论 -
JavaScript中的闭包
闭包是什么?一个具有封闭的不对外公开的包裹或空间。Js中的闭包与其原理js中的闭包就是函数,原理就是函数的作用域访问原则,上级作用域无法访问下级作用域中的变量。具体代码如下: function f1(){ var num = 123; function f2(){ console.log(num);原创 2017-11-27 21:00:04 · 231 阅读 · 0 评论 -
JS中的原型
原型模式原型模式理解原型对象下面我们画张图来理解构造函数,实例和原型对象之间的关系(以构造函数EDG为例)isPrototypeOf()方法如果实例重新定义了属性或者方法呢?那么我们怎么删除实例的属性,可以使用delete删除实例属性。判断一个属性是否存在于实例中——hasOwnProperty()原型模式我们所创建的每个对象都有一个原型属性(prototype),该属性可以做到方法和属性。来...原创 2018-12-29 13:38:53 · 199 阅读 · 0 评论 -
JS中的继承
JS中的继承继承原型链继承我们通过一个图来说明上述代码确定原型和实例的关系借用构造函数实现继承借用构造函数实现继承出现的问题组合继承原型继承寄生式继承寄生组合式继承继承JS中的继承主要依靠原型链来实现,那么原型对象,构造函数和实例之间的关系原型链继承JS中的继承主要依靠原型链来实现,来回顾下原型对象,构造函数和实例的关系,每个构造函数都有一个原型对象,每个原型对象都有一个指向构造函数的指针...原创 2018-12-29 15:44:37 · 110 阅读 · 0 评论 -
理解async/await
转载自边城,原文章链接理解 JavaScript 的 async/await随着 Node 7 的发布,越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里,而是在 c# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用,因此我还很悲伤了一阵——为...转载 2019-02-19 17:29:12 · 672 阅读 · 0 评论 -
Vue学习(一)过滤器
过滤器私有过滤器全局过滤器因初学,Vue使用CDN引入的形式1.私有过滤器先来初始化一个Vue实例const vm = new Vue({ el:"#app", data:{ ctime:new Date() }})我们将data中的ctime渲染到页面上 <table class="table table-hover t...原创 2019-03-01 08:56:08 · 149 阅读 · 0 评论 -
Vue —— 父子组件间的(通信)传值
父组件向子组件传值利用v-bind的来传值父组件<template> <div id="app"> <child-component v-bind:dataOfChild="dataOfParent"></child-component> </div></template><script>...原创 2019-06-17 10:41:10 · 138 阅读 · 0 评论 -
JS中的数据结构
基本数据类型number String boolean 复杂数据类型function Object Array Data RegExp(正则) String number Boolean 如何获取一个数据的数据类型使用关键字type of var str = "我是一个字符串"; console.log(typeof(str));//打原创 2017-12-13 22:41:03 · 487 阅读 · 0 评论 -
JS代码的执行步骤与变量和函数的提升
Js代码分为两个执行步骤1.预解析提升(hoisting)JavaScript代码在预解析阶段,会对以var声明的变量名,和function开头的语句块,进行提升操作2.执行变量的提升 alert(a); var a = 1;提升后的代码模拟var a;alert(a);a=1;函数同名,如何提升?在预处理阶段会将两个函数同时提升,但后来的会覆盖前面的 func1(); //原创 2017-11-26 18:04:03 · 245 阅读 · 0 评论 -
JavaScript中的作用域
JavaScript中的作用域作用域:代码起作用的范围变量起作用的范围是变量作用域1.块级作用域任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。函数作用域就好理解了 ,定义在函数中的参数和变量在函数外部是不可见的。javascript中没有块级作用域。在C语言等语言中有块级作用域/C语言 #include <stdio.h>原创 2017-11-26 17:49:56 · 194 阅读 · 0 评论 -
Array的内置方法api
Array的内置方法api判断数组与转换数组Instanceof:是一个关键字用来判断A类型是否是B类型返回值类型:boolean var arr1 = [1,2,3]; var arr2 = new Array(); var str1 = "s"; var str2 = new String("s"); alert(arr1 instanceof Array );/原创 2017-08-02 17:46:10 · 417 阅读 · 0 评论 -
数组的迭代遍历
数组的迭代遍历格式数组/boolean/无 = 数组.every/filter/forEach/map/some( function(element,index,arr){ 程序和返回值; });eve原创 2017-08-02 19:53:28 · 761 阅读 · 0 评论 -
数组方法小练习
将一个字符串数组输出为|分割的形式,比如“刘备|张飞|关羽”。使用两种方式实现。方法一:自定义数组方法。 var arr = ["景天","龙阳","龙葵"]; var str = "|"; var newarr = arr[0]; for(i=0;i<arr.length;i++){ newarr=newarr+str+arr[i]; } cons原创 2017-08-03 10:49:52 · 947 阅读 · 0 评论 -
DOM节点访问关系与操作示例
一.DOM 访问关系(节点的获得)节点的访问关系,是以属性的方式存在的。 DOM的节点并不是孤立的,因此可以通过DOM节点之间的相对关系对它们进行访问。父节点 ( parentNode )调用者就是节点。一个节点只有一个父节点。调用方式就是节点.parentNode. //box1是box的父节点 var box2 = document.getElementsByClassName(原创 2017-08-03 20:53:15 · 483 阅读 · 0 评论 -
Js中的上下文调用,apply与call
认识上下文调用模式上下文调用模式就是改变context的执行方式,也就是修改函数的调用方式,也就是修改this的值来看个具体的例子 var name = "里奥梅西"; function sayHello(a, b) { console.log(this.name + "进了"+ (a * b) + "个球"); }原创 2017-12-12 22:20:17 · 306 阅读 · 0 评论 -
In关键字
1.判断属性是否存在于对象中语法:属性名 in 对象返回值为boolean数据var EDG={ADC:"Deft",Mid:"Pawn"}var ADCarry = "ADC";//注意:使用in关键字时,属性名属于字符串类型数据,需要用"".var isExSit = ADCarry in EDG;console.log(isExsit);//打印结果为true;2.在for in原创 2017-12-13 23:07:33 · 1894 阅读 · 1 评论 -
Js中的缓存容器解决斐波那契数列的和
斐波那契数列的认识先来看看什么是斐波那契数列。斐波那契数列指的是这样一个数列 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233,377,610,987,1597,2584,4181,6765,10946,17711,28657,46368[1]特别指出:第0项是0,第1项是第一个1。这个数列从第3项开始,每一项都等于前两项之和。传统的递归方法解决会造原创 2017-12-05 21:52:50 · 945 阅读 · 0 评论 -
JQuery中缓存实现的分析
cache对象中以键值对的形式存储我们的缓存数据function createCache(){//cache对象中以键值对的形式存储我们的缓存数据 var cache = {};//index数组中存储该键,这个键是有顺序,可以方便我们做超出容量的处理 var index = [];return function(key,value){原创 2017-12-05 22:11:30 · 1134 阅读 · 0 评论 -
Vue非父子组件间的通信(bus中央事件总线)
Main.js首先在Main.js中创建中央事件总线busVue.prototype.bus = new Vue()父组件<template> <child1></child1> <child2></child2></tempalte><script> import chil...原创 2019-06-17 11:39:13 · 428 阅读 · 0 评论