JavaScript相关文章11篇
-
ES6之变量的解构赋值(Destructuring)
2022-02-04 ES6中解构赋值主要分为6类，分别为 数组解构赋值 、对象解构赋值 、字符串解构赋值 、数值和布尔值解构赋值 、函数参数解构赋值 。什么是解构？在ES6中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring)数组解构赋值数组的解构赋值时，等号的右边必须是数组，否则将会报错。只要数据结构具有Iterator借口，则都可以采用数组形式的解构赋值。let [a, b, c] = [1, 2, 3]; a // 1 b // 2 c // 3这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些常见的解构例子... -
ES6标准入门之const命令
2021-03-09 const声明一个只读的常量，一旦声明，常量的值就不能改变const P = 90; console.log(P); P = 88; // Uncaught TypeError: Assignment to constant variable.const声明的变量值不可改变，就意味着const一旦声明就必须立即初始化：const P; // Uncaught SyntaxError: Missing initializer in const declarationconst只声明不赋值就会报错const和let的作用域相同，只在声明所在的块级作用域内有效：if (true) { co... -
JavaScript 总结归纳图
-
JS获取设备分辨率、宽、高
2018-08-04 JS获取显示设备的分辨率：屏幕分辨率的宽：window.screen.width 屏幕分辨率的高：window.screen.heightJS获取显示设备可用工作区信息： 屏幕可用工作区宽度：window.screen.availWidth 屏幕可用工作区高度：window.screen.availHeightJS获取显示设备其他信息： 你的屏幕设置颜色位数：window.screen.colorDepth 位彩色 你的屏幕设置 像素/英寸： window.screen.deviceXDPI 像素/英寸 JS获取浏览器的显示相关信息： 网页可见区域宽：document.body... -
ES6标准入门（二）块级作用域
2018-05-30 在ES5中只有全局的作用域和函数作用域，没有块级作用域。这导致在很多场合不合理。如：var temp = new Date(); function go () { console.log(temp); if(false){ var temp = 'hello world'; } } go(); // undefined上面代码的本意是，if代码块的外部使用外层的temp变量，内部使用内层的temp变量。但是go函数执行后，输出的结果是undefined，原因在于变量提升导致内层的temp变量覆盖了外层的temp变量。还有一种情况，用来计数的循环变量泄露为... -
ES6标准入门（一）let命令
2018-05-22 let命令，用于声明变量，用法和var类似，但是所声明的变量只在let命令所在的代码块内有效。{ let a = 1; var b = 2; } console.log(a);// 报错:ReferenceError: a is not defind. console.log(b);// 2在代码块外面调用了let命令声明的a就会报错，而调用var声明的b返回了正常的值。这就说明let声明的变量只在其所在的代码块中有效。下面是一个关于let和var在for循环中的例子：使用var声明变量的for循序特殊例子：var a = []; for(var i = 0; i &... -
对Javascript中Date对象的扩展
2018-05-21 对Javascript中Date日期的扩展，主要是对Date对象扩展了一个格式化日期和解析日期的方法。/** * 日期解析器 * @param value * @param format * @return {Date} */ Date.prototype.parser = function(value,format) { var shortMonthsToNumber = []; shortMonthsToNumber["Jan"] = "01"; shortMonthsToNumber["Feb"] = "02"; ... -
[方案]JS模拟表单方式下载文件
2018-05-16 近期在调整代码的时候，遇到了一个小问题：在程序里面需要下载文件，最开始的采取的做法是window.open和window.location.href这两种形式请求后台下载文件的，贴上代码：前台关键代码：function downloadFile(url){ if($.browser.msie) { // IE下打开空下载页面 window.open(glo.path + url , "_blank" , "width=500,height=400") ; }else{ window.location.href = url.replace(/\|/g,... -
JavaScript将数组字符串转数组对象的方法
2017-12-27 在JavaScript，如何将数组字符串转数组对象呢？可以利用强大的eval函数可以实现。如有一个数组字符串 [7,9,16,5] ，使用eval就可以将该字符串转换为数据。具体实现如下：var arrayText = "[7,9,16,5]"; console.log( arrayText );// 打印数组字符串 var array = eval( "(" + arrayText + ")" ) console.log( array );// 打印数组对象可以从控制台看出， [7,9,16,5]数组字符串已经被转换为一个数组对象，并具有了数组的特性，如果长度、方法等。 -
Javascript设计模式之Module(模块)模式
2017-05-24 模块化是任何强大的应用程序架构中不可或缺的一部分，它通常能帮助我们清晰的分离和组织项目中的代码单元。在Javascript中，实现模块的方式包括：1、对象字面量表示法2、Module模式3、AMD模式4、CommonJS模式5、ECMAScript Harmony模式1、对象字面表示法：一个对象被描述为一组包含在大括号（｛｝）中，以逗号分割的键值（name/value） 对。对象名称可以是字符串或标识符，名称和值直接用冒号连接。对象中最后一个键值（name/value） 对后面不用加逗号，加逗号会导致报错。对象字面量不需要使用new运算符来进行实例化。下面是一个使用对象字面量表示法定义的... -
JavaScript对字符串的截取
2014-07-20 最近遇到的最多的应该就是JavaScript 方面的了。经常对页面上的一些值进行计算、拼接等操作，这些基本上我都是使用JavaScript 做的，同是也让我这个JavaScript 小白在这方面长进不少。截取字符串，详细大家都应该遇到过吧。比如，从后台返回很长的一段文字，如果全部放在页面，会将前台的样式打乱，这个时候，通常情况下会对字符串做一些处理（截取字符串）等。下来我就来介绍我常用的四种截取字符串的方法吧。如字符串：qwertyuiopfsd要求截取倒数两个字符，也就是“sd”。以下是几种实现方式：方法1：<script> string="qwertyuiopfsd...
