随笔分类 - JavaScript
1
js
摘要：JavaScript中遍历数组的方法 在前端的日常工作中对数组的操作是无时不在的！下面的方法我都会以数组对象作为例子进行演示【为什么用数组对象作为例子，因为我们大部分做的table表格都是用数组对象加上循环弄出来的！比如我们熟知的elementUI的{el-table}】! 数组对象源文件 cons
阅读全文
摘要：解构赋值 let obj = { a: 1, b: 2 } // console.log(obj); // let a = obj.a; // let b = obj.b; // console.log(a, b); // ES6中的写法！ // 对象的解构赋值要求变量名和对象的属性名必须保持一致！
阅读全文
摘要：script标签中的重要属性！ 。 浏览器解析行内脚本的方式决定了它在看到字符串时，会将其当成结束的 标签。想避免这个问题，只需要转义字符“\” ①即可： 要包含外部文件中的 JavaScript，就必须使用 src 属性。这个属性的值是一个 URL，指向包含 JavaScript 代码的文件，比如
阅读全文
摘要：JavaScript中的异步函数 ES8 的 async/await 旨在解决利用异步结构组织代码的问题。为此， ECMAScript 对函数进行了扩展，为其增加了两个新关键字： async 和 await。 async 关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法
阅读全文
摘要：JavaScript中的Promise【期约】 期约主要有两大用途 首先是抽象地表示一个异步操作。期约的状态代表期约是否完成。 比如，假设期约要向服务器发送一个 HTTP 请求。请求返回 200299 范围内的状态码就足以让期约的状态变为“兑现”。类似地，如果请求返回的状态码不在 200299 这个
阅读全文
摘要：JavaScript中的迭代器 在软件开发领域，“迭代”的意思是按照顺序反复多次执行一段程序，通常会有明确的终止条件。 ECMAScript 6规范新增了两个高级特性：迭代器和生成器。 在 JavaScript 中，计数循环就是一种最简单的迭代： for (let i = 1; i <= 10; +
阅读全文
摘要：JavaScript中创建数组的方式！ 利用数组字面量 // 1 直接量 console.log(Array.prototype); var arr = [1, 2, 4, 87432]; // 注意点，如果省略数组直接量中的某一个值，省略的元素将被赋予undefined值 var arr2 = [
阅读全文
摘要：前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起，返回最后生成的字 符串。可以指定一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指 定分隔符，默认使用逗号。 #温馨提醒： 下面的代码我都是在node命令
阅读全文
摘要：改变JavaScript中函数的内部this指向！ 第一种方法 call call 可以 调用函数 + 改变函数内的this指向！ var obj = { name: 'lvhang' } function fun(a, b) { console.log(this); console.log(a +
阅读全文
摘要：JavaScript的this的指向问题! 这是我自己敲的， 报错！ <button>点击查看绑定事件的this指向！</button> <script> // 函数的不同调用方式决定了this 的指向不同！ // 1 普通函数 this 指向window function fn() { conso
阅读全文
摘要：JavaScript中函数的调用！ 1 普通函数 // 1 普通函数 function fn() { console.log(123); } // 函数名 + 一个小括号! 或者 函数名.call() // fn(); // fn.call(); 2 对象的方法！就是函数放在对象里面！ var ob
阅读全文
摘要：JavaScript中函数的定义！ 1 自定义函数（命名函数） function fun() {}; 2 函数表达式（匿名函数） var fun = function () {}; 3 利用 new Function('参数1', '参数2', '函数体') // 函数体写进小括号中！ // Fun
阅读全文
摘要：让浏览器弹出对话框的方法 第一种 就是用alert alert('lvhang') 第二种方法 就是confirm confirm('请输入你的名字！')
阅读全文
摘要：前端面试之ES6新增了数组中的的哪些方法？! 我们先来看看数组中以前有哪些常用的方法吧！ 1 新增的方法！ 1 forEach() 迭代遍历数组 回调函数中的三个参数 value: 数组中的每一个元素- index: 每一个数组元素中的索引号！ arr: 数组对象本身 <script> // ES5
阅读全文
摘要：前端面试之ES6中的继承！ ES6之前并没有给我们提供 extends继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。 1 call() 两个作用: 1 调用这个函数! 2 修改函数运行时this的指向！ 调用方法 某个方法.call()来调用！ 第一个参数：当前调用函数this的
阅读全文
摘要：JavaScript中原型对象的应用！ 扩展内置对象的方法 我以数组对象为例！ // 原型对象的应用 扩展内置对象方法！ Array.prototype.sum = function() { var sum = 0; for (var i = 0; i < this.length; i++) { s
阅读全文
摘要：JavaScript中this的指向问题！ 另一个特殊的对象是 this，它在标准函数和箭头函数中有不同的行为。 在标准函数中， this 引用的是把函数当成方法调用的上下文对象，这时候通常称其为 this 值（在网页的全局上下文中调用函数时， this 指向 windows）。来看下面的例子： w
阅读全文
摘要：JavaScript中的原型！ 原型的内容是涉及到JavaScript中的构造函数的 每一个构造函数都有一个原型对象！prototype 他的作用是 共享方法！还可以扩展内置对象【对原来的内置对象进行扩展自定义的方法！】 每一个实例化的对象都有一个对象原型__proto__ 他指向的是构造函数的原型
阅读全文
1