js if else if 简写

2024-11-03

js中if的简写方法

http://transitions1020.com/# 太帅! <script type="text/javascript"> 如果你想写 if (!false) { alert('false'); } 不妨考虑写成: false || alert('false'); false || alert('false'); true || alert('true'); //output false; 用"||"的情况下,第一个条件true,不检测第二个直接返

JS利用短路原理简写if语句

看GoogleDoodle-Dance的源代码,学习到一个小知识——简写if语句. 几乎所有语言中||和&&都遵循“短路”原理,如&&中第一个表达式为假就不会去处理第二个表达式,而||正好相反. js也遵循上述原则.所有: a && b : 将a, b转换为Boolean类型, 再执行逻辑与, true返回b, false返回aa || b : 将a, b转换为Boolean类型, 再执行逻辑或, true返回a, false返回b 所以类似于这样的if语句

js中if的另类实现

偶然发现一篇有意思的博客<JS利用短路原理简写if语句> 利用&&短路来实现if的简写. 如 1==2&&a1=1,则后面的a1=1不会进行判断,1==1&&a1=1则进行赋值并去表达式的返回值. 如是多行表达式呢? 只要继续进行&&运算,并且前面的表达式为TRUE即可. 譬如 : if(1==1){ a1=1; a2=2; } 用&&运算则可写成: 1==1&&(a1=1||true)&

JS基础——入门必备

·首先,来简单的说一下,JS是啥,JS是JavaScript的简写,是基于浏览器的基于对象的事件驱动脚本语言 ·那么JS有什么用呢?ta可以实现: 表单验证添加动画效果动态更改页面内容 Ajax网络请求 ·那么怎么在网页中使用它呢? 可以有三种方式: 1.Html中内嵌 <button onclick="javascript:alert('young man..骗你的')">屠龙宝刀点击就送!</button> 2.在Html页面中直接使用JS &l

JS高级程序设计2

面向对象 ,基本模式.对象字面量模式.工厂模式.构造函数模式.原型模式.组合构造函数和原型模式.其他模式见电子书:动态原型模式.寄生构造函数模式(不推荐).稳妥构造函数模式(要求安全的环境,不使用new 和 this) //面向对象 /* [ 数据属性] * configurable true 通过 delete删除属性来修改属性 * enumberable true 通过 for-in 返回属性 * writable true 修改属性值 * value 数据值 * es5 通过 Object

js的基础

js:javascript的简写,是一种脚本语言. js的引入方式: 外部样式:<script src=""></script> 内部样式:<script></script> 内嵌样式:<div onclick="alert(1);"></div> 语句结束需要标识符 : 变量:字面意思:可以变化的量,书面意思:用于存储数据的容器声明方法: var 能直接

Cocos2dx 3.1.1 学习笔记整理(1) 新建项目

最近手痒了,不小心下载了cocos2dx 3.1.1,又搞了个VS2012,于是头脑发热的搞起 3.1.1了. 我是有多么的不专心啊. 已经把自己之前的学习内容从2.2.3迁移到了3.1.1,除了骨骼动画相关的之外. 简单记录一下过程: 1 安装与搭建解压cocos2dx3.1.1版本,根目录下会有download-deps.py和setup.py, 预先用python分别对这两个文件跑一遍,有问题的话解决问题,没问题的话最好了. 2新建项目跑完以上两个py文件之后,会自己将所有相关的系统环

ES6对象及ES6对象简单拓展

ES6对象和传统的JS比较起来支持简写,比如说属性简写方法简写,还支持name属性,可以通过他迅速得到函数属性名表达式(如果是用bind方法创造的函数name属性会返回bound加上原函数的名字,Function构造函数创造的函数name属性返回"anonymous"). var test = { sayHi(){ console.log('hi'); } } console.log(test.sayHi.name); //sayHi 下面说的都是对象的拓展方法如果将源对象的所有可枚

【读书笔记】【深入理解ES6】#13-用模块封装代码

什么是模块模块是自动运行在严格模式下并且没有办法退出运行的 JavaScript 代码. 在模块顶部创建的变量不会自动被添加到全局变量作用域,这个变量仅在模块的顶级作用域中存在,而且模块必须导出一些外部代码可以访问的元素. 模块也可以从其他模块导入绑定. 在模块的顶部,this 的值是 undefined. 模块不支持 HTML 风格的代码注释. 导出的基本语法用 export 关键字将一部分已发布的代码暴露给其它模块. // 导出数据 export var color = "red&quo

通过核心概念了解webpack工作机制

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler).当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle.需要先理解四个核心概念: 入口(entry) 输出(output) loader 插件(plugins) 入口(entry) 入口指 webpack 构建其内部依赖图开始的模块.进入入口后,webpack 会

Jquery的详细解析和用法

一.Jquery简介 Jquery是一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). Jquery应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度.它有助于简化 JavaScript以及Ajax 编程.它能让你在你的网页上简单的操作文档.处理事件.实现特效并为Web页面

Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么（转）

Web 建站技术中,HTML.HTML5.XHTML.CSS.SQL.JavaScript.PHP.ASP.NET.Web Services 是什么?修改建站有很多技术,如 HTML.HTML5.XHTML.CSS.SQL.JavaScript.PHP.http://ASP.NET.Web Services.浏览器脚本.服务器脚本等.它们的区别是什么?新手一点不懂,想理清所有这些技术之间的关系和应用范围.修改举报13 条评论分享 • 邀请回答默认排序按时间排序 62 个回答 10K赞

vue 总结

VUE总结双花括号{{}} 01.index.hmlt main.js 内存的数据可以更改 v-model 双休数据绑定代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- <script src="https://cdn.jsdel

vs code 插件收集

名称简述 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Beautify css/sass/scss/less css/sass/less格式化 Better Align 对齐赋值符号和注释 Better Comments 编写更加人性化的注释 Bookmarks 添加行书签 Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号

vue相关理论知识

es6常用语法简介 es是js的规范标准 let 特点: 1.有全局和函数作用域,以及块级作用域(用{}表示块级作用域范围) 2.不会存在变量提升 3.变量不能重复声明 const 特点: 1.有块级作用域 2.不会存在变量提升 3.不能重复声明变量, 4.只声明常量,必须赋值,且定义之后不能更改模板字符串 tab键上面的反引号可以进行字符砖的拼接 ${变量名}来插入变量值 let name = '未来'; let str = `我是${name}` 数据的解构和赋值 ==>可用于数据的交

【前端】jQuery

一.jQuery是什么? 1.jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多JavaScript高手加入其team 2.jQuery是继prototype之后有一个优秀的JavaScript框架.其宗旨是——WRITE LESS.DO MORE! 3.它是轻量级的js库(压缩后只有21k),这是其他的js库所不及的,它兼容CSS3,还兼容各种浏览器 4.jQuery是一个快速的,简洁的JavaScript库,使用户能更方便地处理HTMLdocuments.event

vue-router路由器的使用

一. vue-router路由 1.简介 1.为什么要用vue-router 使用Vue.js开发SPA(Single Page Application)单页面应用 2.什么是单页面应用根据不同url地址,显示不同的内容,但显示在同一个页面中,称为单页面应用 3.安装 bower info vue-router //查看版本信息 cnpm install vue-router -S//安装 2.基本用法 1.布局显示内容 2.配置路由创建路由四步骤:定义组件>>>配置路由>

《锋利的jQuery》读书笔记（DOM+事件）

前阵子买了一批书,就从锋利的jQuery看起吧,书中一些太过常规以及没有强记必要性的操作就不记录了. 1.DOM加载后执行JS $(document).ready(function(){ //...... }) //简写 $(function(){ //...... }) 特点:网页中所有DOM结构绘制完成后就执行,可能DOM元素关联的东西并没有加载完,可以同时编写多个 window.onload = function(){ //...... } 特点:必须等待网页中所有内容(包括图片)加载完毕

Vue 简单的总结一

let 变量 1. 局部作用域 2. 不会存在变量提升 3. 变量不能重复声明 const 变量 1. 局部作用域 2. 不会存在变量提升 3. 变量不能重复声明 4. 只能声明常量,不可变得量 this 指向与vm实例没有任何关系.而是与箭头函数和普通函数的区别.总结: 不是看到{ }就是一个对象 1.es5的普通函数,this指向是指向了调用者,比如vue实例的方法(在methods中声明了一个方法)是由vue实例vm调用的,所以this指向vm. (vm 是 new Vue({}) 的返

webpack配置别名alias

在webpack.config.js中,通过设置resolve属性可以配置查找“commonJS/AMD模块”的基路径,也可以设置搜索的模块后缀名,还可以设置别名alias.设置别名可以让后续引用的地方减少路径的复杂度. 一.常规webpack构建的项目 1.目录结构 - src - utils - utils.js - config - config.js - main.js- webpack.config.js 2.webpack.config.js const path = require

js if else if 简写

热门专题