随笔分类 - JavaScript
摘要：splice 与 slice slice 方法可从已有的数组中返回选定的元素 语法 arrayObject.slice(start,end) start 可选(有 end 参数是必须有 start )。 规定从何处开始选取。 如果是负数，那么它规定从数组尾部开始算起的位置。 也就是说，-1 指最后一
阅读全文
摘要：event.srcElement与event.target的区别 window.event.srcElement与window.event.target 都是指向触发事件的元素，它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用，因为事件通过元素层次冒泡，可以在任意一
阅读全文
摘要：数组方法汇总 创建数组静态方法 ES6 Array.from() 用于将类数组结构转换为数组实例 第一个参数是一个类数组对象，即任何可迭代的结构或者有一个length属性和可索引元素的结构。 第二个可选的映射函数参数，这个函数可以直接增强新数组的值 第三个可选参数用于指定映射函数中 this 的值
阅读全文
摘要：js字符串处理方法汇总 charAt 返回指定索引出的字符 var str = 'abcde'; var c = str.charAt(2); console.log(c); //'c' console.log(str); //'abcde' charCodeAt 返回指定索引出的unicode字符
阅读全文
摘要：script元素属性及引入方法 HTML4.01为script定义了下列6个属性： async：可选。 表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。（只对外部脚本文件有效） async属性的目的是：不让页面等待两个脚本 下载和执行，从而异步加载页面其他内容。
阅读全文
摘要：数组去重的12种方法 利用ES6 Set去重（ES6中最常用） Set对象是ES6中新定义的数据结构，类似于数组，它允许你存储任何类型的唯一值，不管是原始值还是对象引用。 Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组 function unqiue(arr) {
阅读全文
摘要：立即执行函数 定义：此类函数没有声明，在一次执行过后即释放（被销毁）。适合做初始化工作。 针对初始化功能的函数：只想让它执行一次的函数 立即执行的函数也有参数，也有返回值，有预编译 立即执行函数的两种写法 在 W3C 建议使用这一种 能被执行符号执行的表达式，这个函数的名字就会被自动忽略（放弃名字）
阅读全文
摘要：作用域 作用域定义：变量（变量作用于又称上下文）和函数生效（能被访问）的区域 函数外面不能用函数里面的。里面的可以访问外面的，外面的不能访问里面的，彼此独立的区间不能相互访问 外层函数不能访问里层的，里层的可以访问外层的，越往里权限越大 [[scope]]: 每个 函数都是一个对象，对象中有些属性我
阅读全文
摘要：Js运行三部剧 语法分析 → 预编译 → 解释执行 预编译前奏 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象(就是 )所有。 一切声明的全局变量，全是 的属性 就是全局的域 预编译过程 预编译发生在函数执行的前一刻 (函数)预编译的四部曲： 1. 创建 对象 (执行期上下文，
阅读全文
摘要：闭包 闭包是指有权访问另一个函数作用域中的变量的函数 当内部函数被保存到外部时，将会生成闭包。 闭包会导致原有作用域链不释放，造成内存泄露。 内存泄漏就是内存占用，内存被占用的越多，内存就变得越来越少了，就像内存被泄露了一样 闭包会导致多个执行函数共用一个公有变量,污染全局变量。 但凡是内部的函数被
阅读全文
摘要：ES6 的内置对象扩展 Array 的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可以应用于 合并数组 将类数组或可遍历数组转换为真正的数组 1. 2. 构造函数方法: 被转换的类数组 将处理后的值放入返回的数组，类似于数组的 map 方法 实例
阅读全文
摘要：为什么是 ES6 每一次标准的诞生都意味着语言的完善，功能的加强， JavaScript 语言本身也有一些令人不满意的地方 变量提升特性增加了程序运行时的不可预测性 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码 ES6 新增语法 let ES6 中新增的用于声明变量的关键字 let 声
阅读全文
摘要：正则表达式概述 什么是正则表达式 正则表达式(Regular Expression) 是用于匹配字符串中字符串组合的模式。在 JavaScript 中，正则表达式也是对象 通常用来检索，替换哪些某个模式(规则)的文本，例如验证表单:用户名表单只输入英文字母，数字或者下划线，昵称输入框可以输入中文(匹
阅读全文
摘要：继承 ES6 之前并没有给我们提供 extends 继承，我们可以通过 构造函数+原型对象 模拟实现继承，被称为 组合继承 .call() 调用这函数，并且修改函数运行时的 this 指向 xxx.call(thisArg,arg1,arg2,...) 1. thisArg:当前调用函数 this
阅读全文
摘要：ES5 新增方法概述 ES5 中给我们创建了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括： 数组方法 字符串方法 对象方法 数组方法 迭代(遍历)方法： 数组当前项的值 数组当前项的索引 数组对象本身 相似于 return 不会中止循环 创建一新的数组，数组中的元素是通过检查指定数组中
阅读全文
摘要：构造函数和原型概述 在典型的 OOP 的语言中(如 java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6 之前，JS 中并没有引入类的概念 ES6，全称 ECMAScript 6.0，2015.06 发版，但是目前游览器的 Javas 是 ES5 版本，大多数高版本的游览器也
阅读全文
摘要：严格模式 什么是严格模式 JavaScript 除了提供正常模式外，还提供了 严格模式(strict mode) ES5 的严格模式是采用具有限制性的 JavaScript 变体的一种方式，即在严格的条件下运行 JS 代码 (IE10以上版本) 严格模式对正常的 JavaScript 语义做了一些修
阅读全文
摘要：ES6 Promise 什么是Promise呢？ ES6中一个非常重要和好用的特性就是Promise Promise是异步编程的一种解决方案 可以以一种非常优雅的方式来解决 网络请求的回调地狱 Promise基本使用 我们用一个定时器来模拟异步事件 假设下面的 是从网络上1秒后请求的数据 就是我们的
阅读全文
摘要：事件 注册事件 给元素添加事件，称为 注册事件 或者 绑定事件 注册事件有两种方式: 传统方式 方法监听注册方式 传统注册方式 利用on开头的事件 onclick btn.onclick = function() {} 特点：注册事件的 唯一性 同一个元素同一个事件只能设置一个处理函数，最后注册的处
阅读全文
摘要：typeof 可以返回什么类型的值 基础值 数字 字符串 布尔 其他值 对象 空 函数值 显示类型转换 Number(mix) 是想把里面的东西转换成数字 parseInt(string,radix) 是转化，Int 是整型，整数，目的是把里面转换成整数 是基底的意思 写成 16，系统会认为是以 1
阅读全文
