我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下. 举个例子 先看一段代码 /** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */ const onButtonClick = (s…
说明:我这里显示的数据采用词典(词典在js中自定义的,看下面文字),主要显示key. 页面元素: <style type="text/css">.search { left: 0; position: relative; } #auto_div { display: none; width: 92%; min-height:50px; max-height:200px; overflow-y:auto; border: 1px #74c0f9 solid; backgrou…
所谓js的中的传值,其实也就是说5种基本数据类型(null,undefind,boolean,number,string) 传引用也就是说的那个引用数据类型,(array和objec) 基本数据类型的值不可变,而引用数据类型的值是可变的 所以当你比较数组和对象时,都是false;除非你是克隆的原份数据 即: var a = { name: "李四" }; var b = a; 大家通常称对象为引用类型,以此来和基本类型进行区分; 而对象值都是引用,所以的对象的比较也叫引用的比较,当且仅…
var a = undefined; ->false var a = 0; ->false var a = 0.0; ->false var a = NaN; ->false var a = ""; ->false var a = null; ->false var a = false; ->false var a ->false function a(){ }; //调用无返回值的函数,默认返回值是undefined a() ->…
对js中不同数据的布尔值类型总结:false:空字符串:null:undefined:0:NaN.true:除了上面的false的情况其他都为true: 如下: var o = { 'name':'lee' }; var a = ['reg','blue']; function checkBoolean(a){ if(a){ return true; }else{ return false; } } console.log(checkBoolean('')); //false console.l…
1.装箱和拆箱: 装箱:把基本数据类型转化为对应的引用数据类型的操作: var num = 123 // num var objNum = new Num(123) // object console.log(typeof objNum) // null 拆箱:将引用类型对象转换为对应的值类型数据对象: valueOf() var objNum = new Number(132) console.log(typeod objNum.valueOf()) // 123 number js toPr…
(1)style.left是带单位"px"的,而offsetLeft没有单位,另外,style.left必须是内联样式,或者在JS中通过style.left赋值,否则取得的将为空字符串(在内部样式和外部样式中指定left是无效的) (2)如果没有已经定位的父元素,那么offsetLeft指向的是文档(document)的左边缘 <!DOCTYPE html> <html lang="en"> <head> <meta cha…
在js中拼接html标签传参时,如果方法参数是字符串需要加上引号,这里需要进行字符转义 <a href='javascript:addMenuUI("+"\""+item.id + "\""+")'>…
JS常用校验方法: 1.判断输入框是否为空,为空时弹出提示框 2.关闭窗口 3.检查输入字符串是否为数字 4.强制把大写转换成小写 5.手机号码校验,长度为11位数字. 6.电子邮件校验 7.电话号码校验 8.身份证号码校验 9.校验必须是数字或者字母 10.检验数字是否正确(可以为负数) 11.将小数四舍五入 详细代码清单如下: <%@ page language="java" import="java.util.*" pageEncoding="…
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JS判断输入框的值是否为空</title> </head> <body> <input type="text" id="txt"/> <input type="but…